fix(layout): improve layout responsiveness and overflow handling

web/app/dashboard/layout.tsx

@@ -51,6 +51,7 @@ export default function DashboardLayout({
 
   return (
     <SidebarProvider
+      className="h-svh min-h-0 overflow-hidden"
       style={
         {
           "--sidebar-width": "calc(var(--spacing) * 54)",
@@ -60,10 +61,10 @@ export default function DashboardLayout({
     >
       <NotificationProvider>
         <AppSidebar variant="inset" />
-        <SidebarInset>
+        <SidebarInset className="min-h-0 overflow-hidden">
           <SiteHeader />
-          <div className="flex flex-1 flex-col">
-            <div className="@container/main flex flex-1 flex-col gap-2">
+          <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
+            <div className="@container/main flex min-h-0 flex-1 flex-col gap-2 overflow-hidden">
               {children}
             </div>
           </div>