Admin Dashboard Update

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-    "workbench.sash.size": 3
+    "workbench.sash.size": 3,
+    "editor.wordWrap": "on"
 }

src/app/(auth)/(pages)/login/page.tsx

@@ -8,7 +8,7 @@ import "../../style/page.css";
 export default function Login() {
     return (
         <div className="pagebackground ">
-            
+
             {/* Top - Theme Switcher */}
             <div className="themeSwitchContainer">
                 <ThemeSwitch />
@@ -30,7 +30,7 @@ export default function Login() {
             </div>
 
             {/* Bottom - Footer */}
-            <Footer/>
+            <Footer />
         </div>
     );
 }

src/app/(dashboard)/(pages)/academic-dashboard/page.tsx

@@ -2,7 +2,7 @@
 import Footer from "@/components/footer";
 import React from "react";
 import "../../style/page.css";
-import AcademicDashboard from "../../components/academicDashboard";
+
 
 export default function AcademicDashboardPage() {
     return (
@@ -11,7 +11,7 @@ export default function AcademicDashboardPage() {
             <div className="pageflexbox flex flex-1 justify-center items-start">
                 <div className="w-full flex justify-center">
                     <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        <AcademicDashboard />
+
                     </div>
                 </div>
             </div>

src/app/(dashboard)/(pages)/admin-dashboard/page.tsx

@@ -1,22 +1,68 @@
-
+"use client";
 import Footer from "@/components/footer";
-import React from "react";
 import "../../style/page.css";
-import AdminDashboard from "../../components/adminDashboard";
+import Header from "../../components/header";
+import Sidebar from "../../components/sidebar";
+import { useState } from "react";
 
 export default function AdminDashboardPage() {
-    return (
-        <div className="pagebackground min-h-screen flex flex-col">
-            {/* Middle - Main Content */}
-            <div className="pageflexbox flex flex-1 justify-center items-start">
-                <div className="w-full flex justify-center">
-                    <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        <AdminDashboard />
-                    </div>
-                </div>
-            </div>
-            {/* Bottom - Footer */}
-            <Footer />
-        </div>
+  const [selectedMenu, setSelectedMenu] = useState<"overview" | "users" | "analytics" | "settings">("overview");
+
+  let content;
+  if (selectedMenu === "overview") {
+    content = (
+      <>
+        <h1 className="text-2xl font-bold mb-4">Admin Dashboard</h1>
+        <p className="text-lg">
+          Welcome to the admin dashboard. Here you can manage users, view
+          analytics, and perform administrative tasks.
+        </p>
+      </>
+    );
+  } else if (selectedMenu === "users") {
+    content = (
+      <>
+        <h1 className="text-2xl font-bold mb-4">Manage Users</h1>
+        <p className="text-lg">Here you can add, edit, or remove users.</p>
+      </>
+    );
+  } else if (selectedMenu === "analytics") {
+    content = (
+      <>
+        <h1 className="text-2xl font-bold mb-4">Analytics</h1>
+        <p className="text-lg">View analytics and reports here.</p>
+      </>
     );
-}
+  } else if (selectedMenu === "settings") {
+    content = (
+      <>
+        <h1 className="text-2xl font-bold mb-4">Settings</h1>
+        <p className="text-lg">Adjust your dashboard settings here.</p>
+      </>
+    );
+  }
+
+  return (
+    <div className="pagebackground min-h-screen flex flex-col">
+      {/* Header */}
+      <Header />
+
+      {/* Middle - Main Content */}
+      <div className="flex flex-1 flex-col md:flex-row w-full">
+        {/* Left Sidebar with fold/unfold */}
+        <Sidebar
+          onMenuSelect={(menu) => setSelectedMenu(menu)}
+          selectedMenu={selectedMenu}
+        />
+        {/* Right Main Content */}
+        <div className="flex-1 flex justify-center items-start p-2 sm:p-4 md:p-6">
+          <div className="w-full bg-white/40 dark:bg-dark3/30 backdrop-blur-md rounded-xl shadow-lg p-4 sm:p-6 m-1 sm:m-2 scale-100">
+            {content}
+          </div>
+        </div>
+      </div>
+      {/* Bottom - Footer */}
+      <Footer />
+    </div>
+  );
+}

src/app/(dashboard)/(pages)/developer-dashboard/page.tsx

@@ -2,7 +2,7 @@
 import Footer from "@/components/footer";
 import React from "react";
 import "../../style/page.css";
-import DeveloperDashboard from "../../components/developerDashboard";
+
 
 export default function DeveloperDashboardPage() {
     return (
@@ -11,7 +11,7 @@ export default function DeveloperDashboardPage() {
             <div className="pageflexbox flex flex-1 justify-center items-start">
                 <div className="w-full flex justify-center">
                     <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        <DeveloperDashboard />
+
                     </div>
                 </div>
             </div>

src/app/(dashboard)/(pages)/exam-claim-admin-dashboard/page.tsx

@@ -2,7 +2,7 @@
 import Footer from "@/components/footer";
 import React from "react";
 import "../../style/page.css";
-import ExamClaimAdminDashboard from "../../components/examClaimAdminDashboard";
+
 
 export default function ExamClaimAdminDashboardPage() {
     return (
@@ -11,7 +11,7 @@ export default function ExamClaimAdminDashboardPage() {
             <div className="pageflexbox flex flex-1 justify-center items-start">
                 <div className="w-full flex justify-center">
                     <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        <ExamClaimAdminDashboard />
+
                     </div>
                 </div>
             </div>

src/app/(dashboard)/(pages)/first-year-admin-dashboard/page.tsx

@@ -2,7 +2,7 @@
 import Footer from "@/components/footer";
 import React from "react";
 import "../../style/page.css";
-import FirstYearAdminDashboard from "../../components/firstYearAdminDashboard";
+
 
 export default function FirstYearAdminPage() {
     return (
@@ -11,7 +11,7 @@ export default function FirstYearAdminPage() {
             <div className="pageflexbox flex flex-1 justify-center items-start">
                 <div className="w-full flex justify-center">
                     <div className="scale-90 sm:scale-95 lg:scale-100 w-full">
-                        <FirstYearAdminDashboard />
+
                     </div>
                 </div>
             </div>