expires login session after 5 mins

.vscode/settings.json

@@ -8,7 +8,7 @@
   },
   "[javascriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": null
   },
   "javascript.validate.enable": false, //disable all built-in syntax checking
   "editor.codeActionsOnSave": {

src/components/Partials/Layout.jsx

@@ -21,7 +21,7 @@ export default function Layout({ children }) {
   const navigate = useNavigate();
   const logOut = () => {
     localStorage.removeItem("email");
-    localStorage.clear();
+    localStorage.removeItem('session_token');
     toast.success("Come Back Soon", {
       icon: `🙂`,
     });

src/components/Settings/index.jsx

@@ -95,7 +95,7 @@ export default function Settings() {
             <div className="content-container w-full pt-10 rounded-2xl bg-white dark:bg-dark-white  ">
               <div className="content-heading w-full mb-8 lg:px-10 px-4">
                 <h1 className="text-xl font-bold text-dark-gray dark:text-white antialiased">
-                  Personal Information
+                  Parsonal Informaiton
                 </h1>
               </div>
               <div className="content-body w-full lg:flex lg:px-10 px-4">
@@ -144,7 +144,7 @@ export default function Settings() {
                       </div>
                       <div>
                         <p className="text-18 tracking-wide">
-                          Notification Settings
+                          Notifiction Setting
                         </p>
                       </div>
                     </li>

src/views/HomePages.jsx

@@ -1,7 +1,29 @@
-import React from "react";
+import React, {useEffect} from "react";
 import Home from "../components/Home";
+import { useNavigate } from "react-router-dom";
+import { useDispatch, useSelector } from "react-redux";
+import { toast } from "react-toastify";
 
 export default function HomePages() {
+
+  const { drawer } = useSelector((state) => state.drawer);
+  const dispatch = useDispatch();
+  const navigate = useNavigate();
+  const logOut = () => {
+    localStorage.removeItem("email");
+    localStorage.removeItem('session_token');
+    toast.success("Come Back Soon", {
+      icon: `🙂`,
+    });
+
+    navigate("/login", { replace: true });
+  };
+
+  useEffect(()=>{
+    setTimeout(()=>{
+      logOut()
+    }, 300000) //expires user login session after 5 minutes
+  },[])
   return (
     <>
       <Home />

tailwind.config.js

@@ -19,9 +19,6 @@ module.exports = {
         "dark-light-purple":"#5356fb29"
       },
     },
-    listStyleType: {
-      roman: 'upper-roman'
-    },
   },
   plugins: [require("@tailwindcss/line-clamp")],
 };