Operations dashboard screens are added

app/dashboard/layout.tsx

@@ -1,6 +1,6 @@
 "use client"// app/dashboard/layout.tsx
-import Sidebar from "@/components/dashboard/sidebar";
-import Navbar from "@/components/dashboard/navbar";
+import Sidebar from "@/utils/sidebar";
+import Navbar from "@/utils/navbar";
 import { Sparkles } from "lucide-react";
 
 export default function DashboardLayout({
@@ -14,7 +14,7 @@ export default function DashboardLayout({
       <Sidebar />
 
       <div className="flex-1 flex flex-col min-h-screen">
-        {/* Shared Navbar */}
+        {/*Common Navbar for every webpage  */}
         <Navbar />
         
       
@@ -23,7 +23,7 @@ export default function DashboardLayout({
         </main>
       </div>
 
-      {/* Shared Ask AI Floating Button */}
+      {/* Ask AI Floating Button common */}
       <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">

app/dashboard/operations/equipment/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import EquipmentPortal from "@/components/dashboard/equipment"
+export default function HelpDeskPage() {
+  return (
+    
+
+        <div className="p-8 mx-3">
+           <EquipmentPortal/>
+        
+        </div>
+   
+  );
+}

app/dashboard/operations/helpDesk/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import HelpDeskPortal from "@/components/dashboard/helpDesk"
+export default function HelpDeskPage() {
+  return (
+    
+
+        <div className="p-8 mx-3">
+           <HelpDeskPortal/>
+        
+        </div>
+   
+  );
+}

app/dashboard/operations/request/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import ServiceRequestsPortal from "@/components/dashboard/request"
+export default function ServiceRequestPage() {
+  return (
+    
+
+        <div className="p-8 mx-3">
+           <ServiceRequestsPortal/>
+        
+        </div>
+   
+  );
+}

app/dashboard/overview/buildingOwner/page.tsx

@@ -9,7 +9,7 @@ export default function OverViewDashboardPage() {
   return (
     
 
-        <div className="p-6">
+        <div className="p-8 mx-3">
            <BuildingOwnerPortal/>
         
         </div>

app/dashboard/overview/dashboard/page.tsx

@@ -9,7 +9,7 @@ export default function OverViewDashboardPage() {
   return (
     
 
-        <div className="p-6">
+        <div className="p-8 mx-3">
            <OperationsDashboard /> 
         
         </div>

app/dashboard/overview/engagement/page.tsx

@@ -6,7 +6,7 @@ export default function EngagementDashboard() {
   return (
     
 
-        <div className="p-6">
+        <div className="p-8 mx-3">
        <EngagementPage/>
         
         </div>

app/dashboard/overview/propertyManager/page.tsx

@@ -6,7 +6,7 @@ export default function EngagementDashboard() {
   return (
     
 
-        <div className="p-6">
+        <div className="p-8 mx-3">
       <PropertyManagerPortal/>        
         </div>
    

app/dashboard/overview/serviceEngineer/page.tsx

@@ -6,7 +6,7 @@ export default function EngagementDashboard() {
   return (
     
 
-        <div className="p-6">
+        <div className="p-8 mx-3 ">
       <ServiceEngineerPortal/>        
         </div>
    

app/dashboard/page.tsx

@@ -6,7 +6,8 @@ import { authOptions } from "@/app/api/auth/[...nextauth]/route"; // Changed fro
 export default async function DashboardBasePage() {
   
   const session = await getServerSession(authOptions);
-
+// if user is not aunthenticated then its redirects to the 
+// login page else redirect to dashboard page
   if (!session) {
     redirect("/login");
   }

app/globals.css

@@ -5,12 +5,7 @@
   --foreground: #171717;
 }
 
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
+
 
 @media (prefers-color-scheme: dark) {
   :root {