Extract commonly used `useAxios()` hooks as reusable composables

[uier]

https://github.com/Normal-OJ/new-front-end/pull/27#discussion_r1064036627

[toto6038]

目前是用 vueuse 的 useAxios，不直接用 Axios 是有什麼考量嗎？

[uier]

目前是用 vueuse 的 useAxios，不直接用 Axios 是有什麼考量嗎？

我們只有 GET 使用 useAxios，大部分是因為請求的方式含有動態的參數，以 Hooks 的形式比較簡潔

在 api.ts 中可以看到我們其他 POST, PUT, DELETE 的 API Calls 是用 Axios