style: Update CSS class to 'grow' for page content

app/components/syntax/DocsLayout.tsx

@@ -22,7 +22,7 @@ export function DocsLayout({
 
   return (
     <>
-      <div className="max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16">
+      <div className="max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16 grow">
         <article>
           <DocsHeader title={title} estimatedReadingTime={estimatedReadingTime} />
           <Prose>{children}</Prose>

app/layouts/LayoutDefault.tsx

@@ -134,7 +134,7 @@ export default function DefaultLayout({ children }: { children: React.ReactNode
                 <Navigation />
               </div>
             </div>
-            <div className="grow">{children}</div>
+            {children}
           </div>
 
           <Footer />

app/pages/mentions-legales/+Page.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 export function Page() {
   return (
-    <div className="px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16 flex flex-col gap-4 text-slate-700 dark:text-slate-300">
+    <div className="grow px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16 flex flex-col gap-4 text-slate-700 dark:text-slate-300">
       <h1 className="font-display text-3xl tracking-tight text-slate-900 dark:text-white">Mentions légales</h1>
 
       <section>

app/pages/politique-de-confidentialite/+Page.tsx

@@ -7,7 +7,7 @@ export function Page() {
   const { setIsOpen } = useContext(CookiesContext);
 
   return (
-    <div className="px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16 flex flex-col gap-4 text-slate-700 dark:text-slate-300">
+    <div className="grow px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16 flex flex-col gap-4 text-slate-700 dark:text-slate-300">
       <h1 className="font-display text-3xl tracking-tight text-slate-900 dark:text-white">
         Politique de confidentialité
       </h1>