Clears localStorage when session expire or user logs out

src/components/Cards/TrackItemCard.jsx

@@ -18,7 +18,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
     }
   };
   return (
-    <div className="card-style-one flex flex-col justify-between w-full h-[220px] bg-white dark:bg-dark-white p-3 pb rounded-2xl cursor-pointer" onClick={()=>{navigate(`/track-action/${datas.widget}`, { replace: true })}}>
+    <div className="card-style-one flex flex-col justify-between w-full h-[200px] bg-white dark:bg-dark-white p-3 pb rounded-2xl cursor-pointer" onClick={()=>{navigate(`/track-action/${datas.widget}`, { replace: true })}}>
       <div className="content">
         {/* thumbnail */}
         <div className="w-full h-40">
@@ -77,7 +77,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
           </div>
         </div>
         {/* user */}
-        <div className="user w-full text-center mt-3">
+        <div className="user w-ful -mt-6 mb-2">
 
           <p className="text-sm text-thin-light-gray dark:text-white">
             <Link

src/components/Partials/Layout.jsx

@@ -26,6 +26,8 @@ export default function Layout({ children }) {
     localStorage.removeItem('member_uuid');
     localStorage.removeItem('session_token');
     localStorage.removeItem('status');
+    localStorage.removeItem('layout');
+    localStorage.removeItem('measurement_units');
     // toast.success("Come Back Soon", {
     //   icon: `🙂`,
     // });

src/middleware/AuthRoute.jsx

@@ -18,6 +18,8 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
     localStorage.removeItem('member_id');
     localStorage.removeItem('member_uuid');
     localStorage.removeItem('status');
+    localStorage.removeItem('layout');
+    localStorage.removeItem('measurement_units');
     navigate("/login", { replace: true }); // redirects user to login page after session expires
   };
 
@@ -30,15 +32,15 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
 
 
   useEffect(()=>{
-    let sessionExpReminder = setTimeout(()=>{ //reminds user of session expiry after 4 mins 240000
+    let sessionExpReminder = setTimeout(()=>{ //reminds user of session expiry after 8 mins
       expireSessionReminder()
-    }, 240000) 
+    }, 480000)
 
-    let timeForSessionExpiry = setTimeout(()=>{ //reminds user of session expiry after 4 mins 300000
+    let timeForSessionExpiry = setTimeout(()=>{ //expire session after 10 mins
       expireSession()
-    }, 300000) 
+    }, 600000) 
 
-    return ()=>{ // clears timeout side effect
+    return ()=>{ // clears timeout side effect7
       clearTimeout(sessionExpReminder)
       clearInterval(timeForSessionExpiry)
     }