refonte complète du WebUI (Éditorial Botanique)

Refonte de toutes les vues en conservant l'identité magazine/vert nature,
avec un système de design cohérent et accessible.

- index.css : tokens sémantiques, échelle radius/ombres, classes réutilisables
  (btn-*, chip, surface-card, magazine-content), :focus-visible,
  prefers-reduced-motion, grain papier affiné
- nouveaux composants AuthShell (auth split-screen) et MobileTopBar
  (navigation mobile, auparavant absente)
- framer-motion sur toutes les vues ; AddFeedModal expose l'import OPML ;
  Sidebar ajoute déconnexion + identité utilisateur
- corrections : text-gold cassé -> nature, arithmétique Date -> getTime(),
  suppression de App.css mort, ProtectedRoute en Tailwind,
  snapshot du deck Focus conforme aux règles React

Frontend : npm run lint + build OK.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/layouts/RootLayout.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import { Sidebar } from '../components/Sidebar';
+import { MobileTopBar } from '../components/MobileTopBar';
 import { DashboardPage } from '../pages/DashboardPage';
 import { FocusPage } from '../pages/FocusPage';
 
@@ -15,13 +16,18 @@ export function RootLayout() {
                 onEnterFocus={() => setIsFocusMode(true)}
                 isFocusMode={isFocusMode}
             />
+
             {isFocusMode ? (
                 <FocusPage onExit={() => setIsFocusMode(false)} />
             ) : (
-                <DashboardPage
-                    selectedFeedId={selectedFeedId}
-                    onEnterFocus={() => setIsFocusMode(true)}
-                />
+                <div className="flex-1 flex flex-col min-w-0">
+                    <MobileTopBar
+                        onSelectFeed={setSelectedFeedId}
+                        selectedFeedId={selectedFeedId}
+                        onEnterFocus={() => setIsFocusMode(true)}
+                    />
+                    <DashboardPage selectedFeedId={selectedFeedId} onEnterFocus={() => setIsFocusMode(true)} />
+                </div>
             )}
         </div>
     );