implement admin panel with login functionality and dashboard layout

admin/src/Layout/Layout.tsx

@@ -0,0 +1,39 @@
+import React, { useState } from "react";
+import { useEffect } from "react";
+import Dashboard from "./Dashboard";
+import Login from "./Login";
+import Cookies from "js-cookie";
+
+type LayoutProps = {
+  children: React.ReactNode;
+};
+
+const Layout: React.FC<LayoutProps> = ({ children }) => {
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
+
+  useEffect(() => {
+    if (Cookies.get("token")) {
+      setIsLoggedIn(true);
+    }
+  }, []);
+
+  const handleLogout = () => {
+    Cookies.remove("token");
+    setIsLoggedIn(false);
+  };
+
+  return (
+    <>
+      <main>
+        {isLoggedIn ? (
+          <Dashboard onLogout={() => handleLogout()} />
+        ) : (
+          <Login onSuccess={() => setIsLoggedIn(true)} />
+        )}
+      </main>
+      {children}
+    </>
+  );
+};
+
+export default Layout;