Frontend : intégration du design Claude Design (6 écrans)

Portage du projet « Bénévoles Festival.dc.html » en implémentation statique
pilotée par un jeu de démonstration déterministe (portage du générateur du
design : 15 postes, 64 bénévoles, ~209 affectations).

- Système visuel néo-brutaliste : palette + primitives Tailwind, polices
  Archivo / DM Mono, primitives dans components/ui.tsx.
- Domaine (aligné CLAUDE.md) : types, jours/plages, moteur de validation
  (mêmes codes BLOCKING/WARNING que le back-end), sélecteurs, différentiel
  de publication.
- État applicatif : PlanningProvider (reducer) — affecter / désaffecter /
  publier / confirmer / éditer besoins et bénévoles / import simulé / pointage.
- Écrans : 01 Grille des besoins + panneau d'affectation (candidats triés,
  alertes), 02 Vue par bénévole, 03 Publication, 04 Mobile bénévole,
  05 Mobile référent, 06 Configuration (4 sous-onglets).
- i18n : aucun texte d'interface en dur, locales/fr.json.
- Vérifs : build tsc + vite, eslint (0 erreur), rendu headless des 6 écrans
  (npm run smoke).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AwswqSChc3Rwtu61pRXiY2

frontend/src/app/router.tsx

@@ -1,14 +1,26 @@
-import { createBrowserRouter } from 'react-router-dom';
+import { Navigate, type RouteObject } from 'react-router-dom';
 
-import { AppLayout } from './AppLayout';
-import { DashboardPage } from '@/pages/DashboardPage';
+import { AppShell } from './AppShell';
+import { ConfigPage } from '@/pages/ConfigPage';
+import { GrillePage } from '@/pages/GrillePage';
+import { MobileLeadPage } from '@/pages/MobileLeadPage';
+import { MobileVolunteerPage } from '@/pages/MobileVolunteerPage';
+import { PublicationPage } from '@/pages/PublicationPage';
+import { VolunteerViewPage } from '@/pages/VolunteerViewPage';
 
-// Squelette de routage. Les écrans réels sont dérivés du design
-// (« Bénévoles Festival.dc.html ») et ajoutés au fil des étapes.
-export const router = createBrowserRouter([
+export const routes: RouteObject[] = [
   {
     path: '/',
-    element: <AppLayout />,
-    children: [{ index: true, element: <DashboardPage /> }],
+    element: <AppShell />,
+    children: [
+      { index: true, element: <Navigate to="/grille" replace /> },
+      { path: 'grille', element: <GrillePage /> },
+      { path: 'benevoles', element: <VolunteerViewPage /> },
+      { path: 'publication', element: <PublicationPage /> },
+      { path: 'mobile-benevole', element: <MobileVolunteerPage /> },
+      { path: 'mobile-referent', element: <MobileLeadPage /> },
+      { path: 'configuration', element: <ConfigPage /> },
+      { path: '*', element: <Navigate to="/grille" replace /> },
+    ],
   },
-]);
+];