Sign Out functionality is not working on Stage application

src/components/Layout/Header.jsx

@@ -27,9 +27,9 @@ const Header = () => {
   const dispatch = useDispatch();
   const { data, loading } = useMaster();
   const navigate = useNavigate();
-  const {onOpen} = useAuthModal()
+  const { onOpen } = useAuthModal()
   const HasManageProjectPermission = useHasUserPermission(MANAGE_PROJECT);
-  const { mutate : logout,isPending:logouting} = useLogout()
+  const { mutate: logout, isPending: logouting } = useLogout()
 
   const isDashboardPath =
     /^\/dashboard$/.test(location.pathname) || /^\/$/.test(location.pathname);
@@ -59,9 +59,9 @@ const Header = () => {
     return role ? role.name : "User";
   };
 
- 
 
-  
+
+
 
   const handleProfilePage = () => {
     navigate(`/employee/${profile?.employeeInfo?.id}`);
@@ -74,8 +74,8 @@ const Header = () => {
   const projectsForDropdown = isDashboardPath
     ? projectNames
     : projectNames?.filter((project) =>
-        allowedProjectStatusIds.includes(project.projectStatusId)
-      );
+      allowedProjectStatusIds.includes(project.projectStatusId)
+    );
 
   let currentProjectDisplayName;
   if (projectLoading) {
@@ -171,7 +171,7 @@ const Header = () => {
   };
 
   const shouldShowDropdown = projectNames && projectNames.length > 1;
-
+  const { mutate: handleLogout, isPending: isLogouting } = useLogout(() => { })
   return (
     <nav
       className="layout-navbar container-fluid mb-3 navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
@@ -424,7 +424,7 @@ const Header = () => {
                 </a>
               </li>
 
-              <li onClick={()=>onOpen()}>
+              <li onClick={() => onOpen()}>
                 {" "}
                 <a
                   className="dropdown-item cusor-pointer"
@@ -440,10 +440,10 @@ const Header = () => {
                 <a
                   aria-label="click to log out"
                   className="dropdown-item cusor-pointer"
-                  onClick={()=>handleLogout()}
+                  onClick={() => handleLogout()}
                 >
-                 {logouting ? "Please Wait":<> <i className="bx bx-log-out me-2"></i>
-                  <span className="align-middle">SignOut</span></>}
+                  {logouting ? "Please Wait" : <> <i className="bx bx-log-out me-2"></i>
+                    <span className="align-middle">SignOut</span></>}
                 </a>
               </li>
             </ul>