Frontend : connexion (mot de passe + lien magique) et onglets par rôle

Authentification alignée sur le back-end (Étapes 7/8) :
- src/api : schema auth (AccountRead, TokenResponse…), session.ts (jeton
  Bearer partagé + callback 401), méthodes auth du client HTTP
  (POST .../auth/login, .../auth/magic-link, .../auth/verify, GET /auth/me)
  et du mock (comptes coordination + référents + bénévoles, tokens magiques,
  sessions).
- src/auth : AuthProvider/useAuth (jeton en localStorage, réhydratation via
  /auth/me, déconnexion sur 401), RequireAuth (garde + contrôle de rôle),
  HomeRedirect, table ROUTE_ROLES.
- Pages : /connexion (lien magique, avec lien de démo affiché en mode mock),
  /connexion/coordination (email + mot de passe).
- Router : toutes les routes métier passées derrière <RequireAuth> ;
  redirection vers l'accueil du rôle.
- AppShell : onglets filtrés par rôle (01/02/03/06 coordination, 04 bénévole,
  05 référent), email + rôle + bouton Déconnexion.
- Mobile bénévole : cible le bénévole du compte connecté ; dégradation
  propre quand l'API refuse le détail des créneaux à un bénévole.
- Mobile référent : cible le poste dont le compte est référent.
- i18n : clés auth / rôles.
- Vérifs : build tsc + vite, eslint (0 problème), npm run smoke (flux
  login / lien magique + rendu des 6 écrans par rôle et des pages publiques).

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

frontend/src/app/router.tsx

@@ -1,6 +1,9 @@
 import { Navigate, type RouteObject } from 'react-router-dom';
 
+import { HomeRedirect, RequireAuth } from '@/auth/RequireAuth';
 import { AppShell } from './AppShell';
+import { AdminLoginPage } from '@/pages/auth/AdminLoginPage';
+import { ConnexionPage } from '@/pages/auth/ConnexionPage';
 import { ConfigPage } from '@/pages/ConfigPage';
 import { GrillePage } from '@/pages/GrillePage';
 import { MobileLeadPage } from '@/pages/MobileLeadPage';
@@ -9,18 +12,25 @@ import { PublicationPage } from '@/pages/PublicationPage';
 import { VolunteerViewPage } from '@/pages/VolunteerViewPage';
 
 export const routes: RouteObject[] = [
+  { path: '/connexion', element: <ConnexionPage /> },
+  { path: '/connexion/coordination', element: <AdminLoginPage /> },
   {
-    path: '/',
-    element: <AppShell />,
+    element: <RequireAuth />,
     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 /> },
+      {
+        path: '/',
+        element: <AppShell />,
+        children: [
+          { index: true, element: <HomeRedirect /> },
+          { 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="/" replace /> },
 ];