fix(status): pin header and footer, scroll only main content

Author: izadoesdev

apps/dashboard/app/status/[slug]/layout.tsx

@@ -23,16 +23,16 @@ export default function StatusLayout({
 	return (
 		<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
 			<TooltipProvider>
-				<div className="flex h-full flex-col overflow-y-auto bg-background">
+				<div className="flex h-full flex-col overflow-hidden bg-background">
 					<StatusNavbar />
 
-					<main className="flex-1">
+					<main className="min-h-0 flex-1 overflow-y-auto overscroll-contain">
 						<div className="mx-auto max-w-2xl px-4 py-8 sm:px-6">
 							{children}
 						</div>
 					</main>
 
-					<footer className="border-t">
+					<footer className="shrink-0 border-t">
 						<div className="mx-auto flex max-w-2xl items-center justify-between px-4 py-4 sm:px-6">
 							<p className="text-muted-foreground text-xs">
 								Powered by{" "}