Overview dashboard and Employee Engagement is added

app/dashboard/layout.tsx

@@ -0,0 +1,35 @@
+"use client"// app/dashboard/layout.tsx
+import Sidebar from "@/components/dashboard/sidebar";
+import Navbar from "@/components/dashboard/navbar";
+import { Sparkles } from "lucide-react";
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen bg-[#071321] text-white flex">
+      {/* Shared Sidebar */}
+      <Sidebar />
+
+      <div className="flex-1 flex flex-col min-h-screen">
+        {/* Shared Navbar */}
+        <Navbar />
+        
+        {/* The active page content renders here */}
+        <main className="flex-1 pl-68 bg-[#071321]">
+          {children}
+        </main>
+      </div>
+
+      {/* Shared Ask AI Floating Button */}
+      <button className="fixed bottom-4 right-4 z-40 flex items-center gap-2 
+        rounded-full bg-[#17d4bd] hover:bg-[#13b19e] px-4 py-2.5 text-xs
+        font-bold text-[#05111d] transition shadow-lg shadow-[#17d4bd]/20">
+        <Sparkles size={14} className="animate-pulse" />
+        <span>Ask AI</span>
+      </button>
+    </div>
+  );
+}

app/dashboard/overview/dashboard/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import Sidebar from "@/components/dashboard/sidebar";
+
+import OperationsDashboard from "@/components/dashboard/dashboard";
+
+
+export default function OverViewDashboardPage() {
+  return (
+    
+
+        <div className="p-6">
+           <OperationsDashboard /> 
+        
+        </div>
+   
+  );
+}

app/dashboard/overview/engagement/page.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import EngagementPage from "@/components/dashboard/engagement";
+
+
+
+
+
+export default function EngagementDashboard() {
+  return (
+    
+
+        <div className="p-6">
+       <EngagementPage/>
+        
+        </div>
+   
+  );
+}

app/dashboard/page.tsx

@@ -1,21 +1,7 @@
-"use client";
+// app/dashboard/page.tsx
+import { redirect } from "next/navigation";
 
-import Sidebar from "@/components/dashboard/sidebar";
-
-import OperationsDashboard from "@/components/dashboard/dashboard";
-
-export default function DashboardPage() {
-  return (
-    
-        
-<main className="flex bg-[#091522]">
-      <Sidebar />
-
-      <div className="flex-1 p-6 text-white">
-        <OperationsDashboard/>
-      </div>
-    </main>
-    
-   
-  );
+export default function DashboardBasePage() {
+  // Automatically redirect the user to the actual overview dashboard page
+  redirect("/dashboard/overview/dashboard");
 }