fix/multiple-error-messages (intelowlproject#3291)

Author: IshaanXCoder

frontend/src/stores/useAuthStore.jsx

@@ -12,6 +12,7 @@ const CSRF_TOKEN = "csrftoken";
 // hook/ store see: https://github.com/pmndrs/zustand
 export const useAuthStore = create((set, get) => ({
   loading: false,
+
   CSRFToken: Cookies.get(CSRF_TOKEN) || "",
   user: {
     username: "",
@@ -36,6 +37,9 @@ export const useAuthStore = create((set, get) => ({
           access: resp.data.access,
         });
       } catch (err) {
+        if (err?.response?.status === 401) {
+          return;
+        }
         addToast(
           "Error fetching user access information!",
           err.parsedMsg,
@@ -76,14 +80,18 @@ export const useAuthStore = create((set, get) => ({
         .catch(onLogoutCb);
     },
     forceLogout: () => {
+      if (get().loading) {
+        return;
+      }
+      set({ loading: true });
       addToast(
         "Invalid token. You will be logged out shortly",
         null,
         "spinner",
         true,
         1000,
       );
-      return setTimeout(get().service.logoutUser, 500);
+      setTimeout(get().service.logoutUser, 500);
     },
     changePassword: async (values) => {
       try {