feat(web): offcanvas sidebar with hamburger below lg

web/app/(app)/layout.tsx

@@ -1,6 +1,5 @@
 import { AuthProvider } from "@/components/AuthProvider";
-import { LicenseBanner } from "@/components/LicenseBanner";
-import { Sidebar } from "@/components/Sidebar";
+import { AppShell } from "@/components/AppShell";
 
 export default function AppLayout({
   children,
@@ -9,13 +8,7 @@ export default function AppLayout({
 }) {
   return (
     <AuthProvider>
-      <div className="flex h-screen overflow-hidden">
-        <Sidebar />
-        <main className="flex-1 overflow-y-auto">
-          <LicenseBanner />
-          {children}
-        </main>
-      </div>
+      <AppShell>{children}</AppShell>
     </AuthProvider>
   );
 }