moved api interceptor

src/frontend/src/contexts/index.tsx

@@ -10,6 +10,7 @@ import { TabsProvider } from "./tabsContext";
 import { TypesProvider } from "./typesContext";
 import { UndoRedoProvider } from "./undoRedoContext";
 import { BrowserRouter } from "react-router-dom";
+import { ApiInterceptor } from "../controllers/API/api";
 
 export default function ContextWrapper({ children }: { children: ReactNode }) {
   //element to wrap all context
@@ -23,6 +24,7 @@ export default function ContextWrapper({ children }: { children: ReactNode }) {
               <TypesProvider>
                 <LocationProvider>
                   <AlertProvider>
+                  <ApiInterceptor />
                     <SSEProvider>
                       <TabsProvider>
                         <UndoRedoProvider>{children}</UndoRedoProvider>

src/frontend/src/controllers/API/api.tsx

@@ -24,7 +24,6 @@ function ApiInterceptor() {
       async (error: AxiosError) => {
         if (error.response?.status === 401) {
           const refreshToken = cookies.get("refresh_token");
-
           if (refreshToken) {
             authenticationErrorCount = authenticationErrorCount + 1;
             if (authenticationErrorCount > 3) {

src/frontend/src/index.tsx

@@ -18,7 +18,6 @@ const root = ReactDOM.createRoot(
 root.render(
   <ContextWrapper>
       <App />
-      <ApiInterceptor />
   </ContextWrapper>
 );
 reportWebVitals();