fix: dashboard not scrolling due to body overflow hidden

Author: AmirMohammad Cheraghali

src/components/dashboard/DashboardLayout.tsx

@@ -4,11 +4,11 @@ import { DashboardHeader } from './DashboardHeader';
 
 export const DashboardLayout = () => {
     return (
-        <div className="min-h-screen flex bg-neutral-950 flex-col md:flex-row font-sans">
+        <div className="absolute inset-0 w-full h-full flex bg-neutral-950 flex-col md:flex-row font-sans">
             <DashboardSidebar />
-            <div className="flex-1 flex flex-col min-w-0">
+            <div className="flex-1 flex flex-col min-w-0 overflow-hidden">
                 <DashboardHeader />
-                <main className="flex-1 overflow-y-auto p-4 md:p-8 shrink-0">
+                <main className="flex-1 overflow-y-auto p-4 md:p-8 shrink-0 relative">
                     <Outlet />
                 </main>
             </div>