diff --git a/src/context/auth.tsx b/src/context/auth.tsx
index c66652ac..7d0d6c05 100644
--- a/src/context/auth.tsx
+++ b/src/context/auth.tsx
@@ -3,101 +3,101 @@ import axios from 'axios';
 import { useNavigate } from 'react-router-dom';
 
 interface ProviderProps {
-  children: React.ReactNode;
+    children: React.ReactNode;
 }
 
 interface ActionType {
     type: 'LOGIN' | 'LOGOUT';
     payload?: any;
-  }
+}
 
 type InitialStateType = {
-  user: any;
+    user: any;
 };
 
 const initialState = {
-  user: null,
+    user: null,
 };
 
 const Context = createContext<{
-  state: InitialStateType;
-  dispatch: any;
+    state: InitialStateType;
+    dispatch: any;
 }>({
-  state: initialState,
-  dispatch: () => null,
+    state: initialState,
+    dispatch: () => null,
 });
 
 const reducer = (state: InitialStateType, action: ActionType) => {
-  switch (action.type) {
-    case 'LOGIN':
-      return {
-        ...state,
-        user: action.payload,
-      };
-    case 'LOGOUT':
-      return {
-        ...state,
-        user: null,
-      };
-    default:
-      return state;
-  }
+    switch (action.type) {
+        case 'LOGIN':
+            return {
+                ...state,
+                user: action.payload,
+            };
+        case 'LOGOUT':
+            return {
+                ...state,
+                user: null,
+            };
+        default:
+            return state;
+    }
 };
 
 const Provider = ({ children }: ProviderProps) => {
-  const [state, dispatch] = useReducer(reducer, initialState);
+    const [state, dispatch] = useReducer(reducer, initialState);
 
-  const navigate = useNavigate();
+    const navigate = useNavigate();
 
-  // get user info from local storage
-  useEffect(() => {
-    dispatch({
-      type: 'LOGIN',
-      payload: JSON.parse(window.localStorage.getItem('user') || 'null'),
-    });
-  }, []);
-
-  axios.interceptors.response.use(
-    function (response) {
-      // any status code that lies within the range of 2XX causes this function to trigger
-      return response;
-    },
-    function (error) {
-      // any status codes that fall outside the range of 2XX cause this function to trigger
-      let res = error.response;
-      if (res.status === 401 && res.config && !res.config.__isRetryRequest) {
-        return new Promise((resolve, reject) => {
-          axios
-            .get('/api/logout')
-            .then((data) => {
-              console.log('/401 error > logout');
-              dispatch({ type: 'LOGOUT' });
-              window.localStorage.removeItem('user');
-              navigate('/login'); // Replace router.push with navigate
-            })
-            .catch((err) => {
-              console.log('AXIOS INTERCEPTORS ERROR:', err);
-              reject(error);
-            });
+    // get user info from local storage
+    useEffect(() => {
+        dispatch({
+            type: 'LOGIN',
+            payload: JSON.parse(window.localStorage.getItem('user') || 'null'),
         });
-      }
-      return Promise.reject(error);
-    }
-  );
-  
-  // csrf - include tokens in the axios header every time a request is made
-  useEffect(() => {
-    const getCsrfToken = async () => {
-      const { data } = await axios.get('/api/csrf-token');
-      console.log('CSRFFFFF =>>>>', data);
-      (axios.defaults.headers as any)['X-CSRF-TOKEN'] = data.getCsrfToken;
-    };
-    getCsrfToken();
-  }, []);
+    }, []);
 
-  return (
-    <Context.Provider value={{ state, dispatch }}>{children}</Context.Provider>
-  );
+    axios.interceptors.response.use(
+        function (response) {
+            // any status code that lies within the range of 2XX causes this function to trigger
+            return response;
+        },
+        function (error) {
+            // any status codes that fall outside the range of 2XX cause this function to trigger
+            let res = error.response;
+            if (res.status === 401 && res.config && !res.config.__isRetryRequest) {
+                return new Promise((resolve, reject) => {
+                    axios
+                        .get('/api/logout')
+                        .then((data) => {
+                            console.log('/401 error > logout');
+                            dispatch({ type: 'LOGOUT' });
+                            window.localStorage.removeItem('user');
+                            navigate('/login'); // Replace router.push with navigate
+                        })
+                        .catch((err) => {
+                            console.log('AXIOS INTERCEPTORS ERROR:', err);
+                            reject(error);
+                        });
+                });
+            }
+            return Promise.reject(error);
+        }
+    );
+
+    // csrf - include tokens in the axios header every time a request is made
+    useEffect(() => {
+        const getCsrfToken = async () => {
+            const { data } = await axios.get('/api/csrf-token');
+            console.log('CSRFFFFF =>>>>', data);
+            (axios.defaults.headers as any)['X-CSRF-TOKEN'] = data.getCsrfToken;
+        };
+        getCsrfToken();
+    }, []);
+
+    return (
+        <Context.Provider value={{ state, dispatch }}>{children}</Context.Provider>
+    );
 };
 
 export { Context, Provider };