update app layout for overflow scrolling

src/routes/(app)/+layout.svelte

@@ -18,9 +18,10 @@
 
 <div class="flex h-screen w-full">
 	<Sidebar email={data.user.email} class="hidden lg:flex" />
-	<div class="h-full max-h-screen w-full overflow-scroll">
 	<div
-			class="sticky top-0 block w-full border-b bg-background px-4 py-2 lg:hidden">
+		class="flex h-full max-h-screen w-full flex-col overflow-hidden">
+		<div
+			class="block w-full border-b bg-background px-4 py-2 lg:hidden">
 			<Sheet.Root bind:open={sheetOpen}>
 				<Sheet.Trigger asChild let:builder>
 					<Button builders={[builder]} variant="ghost" class="p-2">
@@ -57,7 +58,7 @@
 				</Sheet.Content>
 			</Sheet.Root>
 		</div>
-		<div class="h-full w-full p-4">
+		<div class="flex h-full w-full flex-col overflow-hidden p-4">
 			<slot />
 		</div>
 	</div>