polish(dsfr): layout membre en fond DSFR + masque l'en-tête natif de l'onglet Accueil (mobile)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/app/(protected)/layout.tsx

@@ -7,12 +7,15 @@ export default function ProtectedLayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className="min-h-screen flex flex-col">
+    <div style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
       <Header />
-      <main className="flex-1 bg-gray-50 dark:bg-gray-950">
+      <main
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        role="main"
-          {children}
+        id="contenu"
-        </div>
+        className="fr-background-alt--grey"
+        style={{ flex: 1 }}
+      >
+        <div className="fr-container fr-py-6w">{children}</div>
       </main>
       <Footer />
     </div>

mobile/app/(tabs)/_layout.tsx

@@ -23,6 +23,7 @@ export default function TabLayout() {
         name="index"
         options={{
           title: 'Accueil',
+          headerShown: false,
           tabBarIcon: ({ color, size }) => <Ionicons name="home" size={size} color={color} />,
         }}
       />