category text center aligned

src/components/Cards/TrackItemCard.jsx

@@ -2,7 +2,6 @@ import React, { useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 // import { toast } from "react-toastify";
 import localImgLoad from "../../lib/localImgLoad";
-import CountDown from "../Helpers/CountDown";
 import Icons from "../Helpers/Icons";
 
 export default function TrackItemCard({ datas, hidden = false }) {
@@ -18,7 +17,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
     }
   };
   return (
-    <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="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="content">
         {/* thumbnail */}
         <div className="w-full h-40">
@@ -77,7 +76,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
           </div>
         </div>
         {/* user */}
-        <div className="user w-ful -mt-6 mb-2">
+        <div className="user w-full text-center mt-3">
 
           <p className="text-sm text-thin-light-gray dark:text-white">
             <Link

src/components/Partials/Layout.jsx

@@ -26,8 +26,6 @@ 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,8 +18,6 @@ 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
   };
 
@@ -32,15 +30,15 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
 
 
   useEffect(()=>{
-    let sessionExpReminder = setTimeout(()=>{ //reminds user of session expiry after 8 mins
+    let sessionExpReminder = setTimeout(()=>{ //reminds user of session expiry after 4 mins 240000
       expireSessionReminder()
-    }, 480000)
+    }, 240000) 
 
-    let timeForSessionExpiry = setTimeout(()=>{ //expire session after 10 mins
+    let timeForSessionExpiry = setTimeout(()=>{ //reminds user of session expiry after 4 mins 300000
       expireSession()
-    }, 600000) 
+    }, 300000) 
 
-    return ()=>{ // clears timeout side effect7
+    return ()=>{ // clears timeout side effect
       clearTimeout(sessionExpReminder)
       clearInterval(timeForSessionExpiry)
     }