fix infinite redirect

frontend/src/api/client.ts

@@ -1,9 +1,9 @@
-import axios, { AxiosError } from 'axios';
+import axios, { AxiosError } from "axios";
 
 const apiClient = axios.create({
-  baseURL: '/api',
+  baseURL: "/api",
   headers: {
-    'Content-Type': 'application/json',
+    "Content-Type": "application/json",
   },
   withCredentials: true,
 });
@@ -12,15 +12,12 @@ const apiClient = axios.create({
 apiClient.interceptors.response.use(
   (response) => response,
   (error: AxiosError<{ error?: string; details?: unknown }>) => {
-    if (error.response?.status === 401) {
-      // Redirect to login on 401
-      window.location.href = '/login';
-      return Promise.reject(error);
-    }
-
-    const message = error.response?.data?.error || error.message || 'An error occurred';
+    // Let components handle authentication redirects via ProtectedRoute
+    // Don't automatically redirect on 401 to avoid infinite loops
+    const message =
+      error.response?.data?.error || error.message || "An error occurred";
     return Promise.reject(new Error(message));
-  }
+  },
 );
 
-export default apiClient;
+export default apiClient;