feat: enhance layout structure for improved sidebar integration

- Updated layout to include a navigation bar with SidebarTrigger and action role.
- Adjusted main content area for better responsiveness and overflow handling.

src/layout.tsx

@@ -7,9 +7,14 @@ import { AppSidebar } from "@/components/sidebar";
 export const Layout: FC = () => (
   <SidebarProvider>
     <AppSidebar />
-    <main>
-      <SidebarTrigger />
-      <Outlet />
-    </main>
+    <div className="p-4 flex flex-col w-full h-[100vh]">
+      <nav className="flex items-center justify-between">
+        <SidebarTrigger className="size-10" />
+        <div role="actions" />
+      </nav>
+      <main className="flex-1 overflow-auto p-4">
+        <Outlet />
+      </main>
+    </div>
   </SidebarProvider>
 );