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/api/hooks.ts

@@ -34,14 +34,27 @@ export const queryKeys = {
 // --------------------------------------------------------------------------- //
 // Lectures                                                                     //
 // --------------------------------------------------------------------------- //
-export function useVolunteers() {
-  return useQuery({ queryKey: queryKeys.volunteers, queryFn: () => api.volunteers.list(edition) });
+export function useVolunteers(options?: { enabled?: boolean }) {
+  return useQuery({
+    queryKey: queryKeys.volunteers,
+    queryFn: () => api.volunteers.list(edition),
+    enabled: options?.enabled ?? true,
+  });
 }
 
 export function usePositions() {
   return useQuery({ queryKey: queryKeys.positions, queryFn: () => api.positions.list(edition) });
 }
 
+/** Fiche d'un bénévole (un bénévole connecté peut lire la sienne). */
+export function useVolunteer(id: string | null | undefined) {
+  return useQuery({
+    queryKey: ['volunteer', edition, id ?? null],
+    queryFn: () => api.volunteers.get(edition, id as string),
+    enabled: Boolean(id),
+  });
+}
+
 export function useShifts(positionId?: string) {
   return useQuery({
     queryKey: queryKeys.shifts(positionId),
@@ -49,10 +62,14 @@ export function useShifts(positionId?: string) {
   });
 }
 
-export function useAssignments(params?: { volunteerId?: string; shiftId?: string }) {
+export function useAssignments(
+  params?: { volunteerId?: string; shiftId?: string },
+  options?: { enabled?: boolean },
+) {
   return useQuery({
     queryKey: queryKeys.assignments(params),
     queryFn: () => api.assignments.list(edition, params),
+    enabled: options?.enabled ?? true,
   });
 }