update bugs

frontend_admin/src/layout/Layout.tsx

@@ -1,31 +1,44 @@
-import React from "react";
+import React, { useEffect } from "react";
 import Header from "../components/Header";
 import Cookies from "js-cookie";
 import Sidebar from "../components/Sidebar";
 import { ToastContainer } from "react-toastify";
+import { AuthContext } from "../utils/context";
 
 type LayoutProps = {
   children: React.ReactNode;
 };
 
 const Layout: React.FC<LayoutProps> = ({ children }) => {
-  const isLoggedIn = !!Cookies.get("name");
+  const [loggedIn, setLoggedIn] = React.useState(false);
+
+  useEffect(() => {
+    const token = Cookies.get("token");
+    if (token) {
+      setLoggedIn(true);
+    } else {
+      setLoggedIn(false);
+    }
+  }, [loggedIn]);
 
   return (
     <div className="flex flex-col min-h-screen bg-gradient-to-br from-blue-50 via-blue-100 to-blue-200 dark:from-gray-900 dark:via-gray-950 dark:to-gray-900">
-      <Header />
+      <Header changeAuth={
+        (isLoggedIn: boolean) => setLoggedIn(isLoggedIn)
+      } />
       <ToastContainer />
       <div className="flex flex-1">
-        {isLoggedIn && (
-          <>
-            {/* Sidebar */}
-            <Sidebar />
-            {/* Main content */}
-            <main className="flex-1 p-10 bg-white/80 dark:bg-gray-900/80 rounded-l-3xl shadow-2xl m-6 overflow-auto text-black dark:text-white">
-              {children}
-            </main>
-          </>
-        )}
+        <AuthContext.Provider value={loggedIn}>
+          {/* Main content */}
+          {loggedIn && (
+            <>
+              <Sidebar />
+              <main className="flex-1 p-10 bg-white/80 dark:bg-gray-900/80 rounded-l-3xl shadow-2xl m-6 overflow-auto text-black dark:text-white">
+                {children}
+              </main>
+            </>
+          )}
+        </AuthContext.Provider>
       </div>
       <footer className="bg-gradient-to-r from-blue-800 via-blue-900 to-blue-800 dark:from-gray-900 dark:via-gray-950 dark:to-gray-900 text-blue-100 dark:text-gray-400 py-6 px-5 text-center rounded-t-3xl shadow-xl mt-8 tracking-wide border-t border-blue-700 dark:border-gray-800">
         <div className="flex flex-col items-center gap-2">