Refactor token handling and update login flow

composables/useDollarFetchRequest.ts

@@ -1,4 +1,5 @@
 import { isArray } from "~/utils/utils";
+import refreshToken from "~/utils/RefreshToken";
 
 type FetchType = typeof $fetch;
 export type FetchOptions = Parameters<FetchType>[1];
@@ -7,16 +8,15 @@ const useClientRequest = async <T = unknown>(
   url: string,
   opts?: FetchOptions
 ) => {
-  const token = useCookie<string | undefined>("token");
+  // const token = useCookie<string | undefined>("token");
   const runtimeConfig = useRuntimeConfig();
 
   const defaultOptions: FetchOptions = {
     baseURL: runtimeConfig.public.apiBase,
     onRequest({ options }) {
       options.headers = options.headers || 'application/json';
-      if (token.value) {
-        // @ts-ignore
-        options.headers["authorization"] = "Bearer " + token.value;
+      if (refreshToken.getToken().token) {
+        options.headers.set("Authorization", `Bearer ${refreshToken.getToken().token}`);
       }
     },
     onResponse({ response }) {