Adds access token refreshing.

frontend/src/plugins/api.js

@@ -19,6 +19,34 @@ export function useClient() {
 
     api.interceptors.request.use(requestInterceptor);
 
+    // Add response interceptor for token refresh
+    api.interceptors.response.use(
+        (response) => response,
+        async (error) => {
+            const originalRequest = error.config;
+
+            // If error is 401 and we haven't tried to refresh the token yet
+            if (error.response?.status === 401 && !originalRequest._retry) {
+                originalRequest._retry = true;
+
+                try {
+                    // Attempt to refresh the token
+                    await authStore.refresh();
+                    
+                    // Retry the original request with the new token
+                    originalRequest.headers["Authorization"] = `Bearer ${authStore.accessToken}`;
+                    return api(originalRequest);
+                } catch (refreshError) {
+                    // If refresh fails, logout the user
+                    await authStore.logout();
+                    return Promise.reject(refreshError);
+                }
+            }
+
+            return Promise.reject(error);
+        }
+    );
+
     return api;
 }