♻️ refactor(ui): Layout

apps/admin/app/dashboard/layout.tsx

@@ -11,7 +11,7 @@ export default async function DashboardLayout({ children }: { children: React.Re
       <SidebarLeft />
       <SidebarInset className='relative flex-grow overflow-hidden'>
         <Header />
-        <div className='h-[calc(100vh-56px)] gap-4 overflow-auto p-4'>{children}</div>
+        <div className='h-[calc(100vh-56px)] flex-grow gap-4 overflow-auto p-4'>{children}</div>
       </SidebarInset>
     </SidebarProvider>
   );

apps/user/app/(main)/(user)/layout.tsx

@@ -1,4 +1,3 @@
-import { ScrollArea } from '@shadcn/ui/scroll-area';
 import { SidebarInset, SidebarProvider } from '@shadcn/ui/sidebar';
 import { SidebarLeft } from './sidebar-left';
 import { SidebarRight } from './sidebar-right';
@@ -7,11 +6,9 @@ export default async function DashboardLayout({ children }: { children: React.Re
   return (
     <SidebarProvider className='container'>
       <SidebarLeft className='sticky top-[84px] hidden w-52 border-r-0 bg-transparent lg:flex' />
-      <SidebarInset className='flex-grow overflow-hidden'>
+      <SidebarInset className='relative flex-grow overflow-hidden'>
         {/* <Header /> */}
-        <div className='flex h-[calc(100vh-56px)] flex-1 flex-col gap-4 p-4'>
-          <ScrollArea className='h-full flex-grow overflow-hidden'>{children}</ScrollArea>
-        </div>
+        <div className='overflow-auto p-4'>{children}</div>
       </SidebarInset>
       <SidebarRight className='sticky top-[84px] hidden w-52 border-r-0 bg-transparent lg:flex' />
     </SidebarProvider>