fix: Fixed mobile scroll bar

web/components/AppShell.tsx

@@ -37,7 +37,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
     }
 
     return (
-        <div className="flex h-screen overflow-hidden">
+        <div className="flex h-[100dvh] overflow-hidden">
             <Sidebar />
             <SidebarDrawer open={open} onClose={close} />
 

web/components/AuthProvider.tsx

@@ -64,7 +64,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
 
     if (loading) {
         return (
-            <div className="flex h-screen items-center justify-center bg-background">
+            <div className="flex h-[100dvh] items-center justify-center bg-background">
                 <div className="h-8 w-8 animate-spin rounded-full border-2 border-border border-t-accent" />
             </div>
         );
@@ -72,7 +72,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
 
     if (error || !user) {
         return (
-            <div className="flex h-screen items-center justify-center bg-background p-4">
+            <div className="flex h-[100dvh] items-center justify-center bg-background p-4">
                 <div className="w-full max-w-md rounded-xl border border-border bg-surface p-6 text-center">
                     <h1 className="text-base font-semibold text-text-primary">Can&apos;t load your session</h1>
                     <p className="mt-2 text-sm text-text-secondary">{error ?? "Unable to load your session."}</p>

web/components/Sidebar.tsx

@@ -316,7 +316,7 @@ export function SidebarContent({ onNavigate }: { onNavigate?: () => void }) {
 /** The permanent sidebar. Below lg the drawer takes over. */
 export function Sidebar() {
     return (
-        <aside className="hidden h-screen w-60 shrink-0 flex-col border-r border-border bg-surface lg:flex">
+        <aside className="hidden h-full w-60 shrink-0 flex-col border-r border-border bg-surface lg:flex">
             <SidebarContent />
         </aside>
     );