agenda finition

app/agenda/page.tsx

@@ -701,8 +701,8 @@ export default async function CalendarPage() {
     }, 0);
 
   return (
-    <div className="w-full h-full bg-white">
-      <div className="w-full h-full px-4 pb-4 flex overflow-hidden">
+    <main className="w-full h-screen bg-white">
+      <div className="w-full h-full px-4 pt-12 pb-4 flex">
         <CalendarClient 
           initialCalendars={calendars} 
           userId={session.user.id}
@@ -713,6 +713,6 @@ export default async function CalendarPage() {
           }}
         />
       </div>
-    </div>
+    </main>
   );
 }

app/globals.css

@@ -69,10 +69,6 @@
   * {
     @apply border-border;
   }
-  html,
-  body {
-    height: 100%;
-  }
   body {
     @apply bg-background text-foreground;
   }

components/layout/layout-wrapper.tsx

@@ -212,7 +212,7 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
     <AuthCheck>
       {!isSignInPage && isAuthenticated && <MainNav />}
       <div 
-        className={isSignInPage ? "min-h-screen" : "flex flex-col min-h-screen"}
+        className={isSignInPage ? "min-h-screen" : "min-h-screen"}
         style={
           isSignInPage 
             ? {} // No background style for signin page - let the page component handle it
@@ -228,9 +228,9 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
         }
         onClick={!isSignInPage ? changeBackground : undefined}
       >
-        <main className={isSignInPage ? "" : "flex-1 pt-12"}>{children}</main>
-        {!isSignInPage && isAuthenticated && <Footer />}
+        <main>{children}</main>
       </div>
+      {!isSignInPage && isAuthenticated && <Footer />}
       <Toaster />
       
       {/* Notifications stack (calls and emails) */}