feat: add authentication and admin features

- Added `jose` library for JWT token generation and verification.
- Implemented login functionality with token storage using cookies.
- Created `HeaderAdmin` component for admin panel with login/logout capabilities.
- Developed `LoginForm` component for user authentication.
- Added `Table` component to display data with caching from localStorage.
- Introduced `SubHeaderAdmin` for additional admin actions.
- Enhanced `database.js` with functions for admin login and fetching table data.
- Updated `server.js` to handle new routes for login and table data retrieval.
- Modified `package.json` and `package-lock.json` to include new dependencies.

frontend/src/components/Admin.tsx

@@ -1,13 +1,27 @@
 import "../App.css";
-import Layout from "../layout/Layout";
-import React from "react";
+import React, { useState } from "react";
+import HeaderAdmin from "./HeaderAdmin";
+import Table from "./Table";
+import Cookies from "js-cookie";
 
 const Admin: React.FC = () => {
+  // Keep token in state so UI updates immediately after login without reload
+  const [token, setToken] = useState<string | null>(
+    () => Cookies.get("token") ?? null
+  );
+
   return (
     <>
-      <Layout  title="MCS Lose - Admin Panel">
-        <h1>Admin</h1>
-      </Layout>
+      <HeaderAdmin
+        token={token}
+        onLoginSuccess={(t) => setToken(t)}
+        onLogout={() => setToken(null)}
+      />
+      {token ? (
+        <Table />
+      ) : (
+        <div className="p-4">Please log in as an admin.</div>
+      )}
     </>
   );
 };