fix: dynamic island test 1

src/components/layout/ClientLayout.tsx

@@ -64,11 +64,11 @@ export default function ClientLayout({ children }: { children: React.ReactNode }
   return (
     <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
       <PreferencesProvider>
-        <div className="relative min-h-screen">
+        <div className="relative min-h-screen h-full">
           <LoadingBar />
           {!isPublicRoute && <Header onToggleSidebar={handleToggleSidebar} />}
           {!isPublicRoute && <Sidebar isOpen={isSidebarOpen} onClose={handleCloseSidebar} />}
-          <main className={`${!isPublicRoute ? "container" : ""}`}>{children}</main>
+          <main className={`${!isPublicRoute ? "container pt-safe" : ""}`}>{children}</main>
           <InstallPWA />
           <Toaster />
           <NetworkStatus />

src/components/layout/Header.tsx

@@ -16,7 +16,7 @@ export function Header({ onToggleSidebar }: HeaderProps) {
   };
 
   return (
-    <header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+    <header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 pt-safe">
       <div className="container flex h-14 max-w-screen-2xl items-center">
         <button
           onClick={onToggleSidebar}