Frontend : squelette React + Vite + TS + Tailwind

Scaffold de base en attendant l'intégration du design Claude Design
(« Bénévoles Festival.dc.html ») : routage, plomberie i18n (t() +
locales/fr.json), client API avec proxy Vite vers le backend. Build et
lint passent.

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

frontend/src/i18n/index.ts

@@ -0,0 +1,21 @@
+import fr from './locales/fr.json';
+
+type Messages = Record<string, string>;
+
+// Monolingue pour l'instant (français). La structure permet d'ajouter des
+// locales sans toucher aux appelants.
+const messages: Messages = fr;
+
+export type TranslationKey = keyof typeof fr;
+
+/**
+ * Traduit une clé. Les paramètres `{nom}` présents dans le message sont
+ * remplacés par `params.nom`. Aucun texte visible en dur ailleurs dans l'app.
+ */
+export function t(key: TranslationKey | string, params?: Record<string, string | number>): string {
+  const template = messages[key] ?? key;
+  if (!params) return template;
+  return template.replace(/\{(\w+)\}/g, (_, name: string) =>
+    name in params ? String(params[name]) : `{${name}}`,
+  );
+}

frontend/src/i18n/locales/fr.json

@@ -0,0 +1,46 @@
+{
+  "app.title": "Gestion des bénévoles",
+  "app.loading": "Chargement…",
+  "app.error.generic": "Une erreur est survenue",
+  "app.error.network": "Impossible de joindre le serveur",
+
+  "nav.dashboard": "Tableau de bord",
+  "nav.volunteers": "Bénévoles",
+  "nav.positions": "Postes",
+  "nav.shifts": "Créneaux",
+  "nav.assignments": "Affectations",
+  "nav.availabilities": "Disponibilités",
+  "nav.import": "Import",
+
+  "role.coordinator": "Coordinateur",
+  "role.lead": "Référent",
+  "role.volunteer": "Bénévole",
+
+  "assignment.status.proposed": "Proposée",
+  "assignment.status.confirmed": "Confirmée",
+  "assignment.status.declined": "Refusée",
+  "assignment.status.cancelled": "Annulée",
+
+  "assignment.source.solver": "Solveur",
+  "assignment.source.manual": "Manuelle",
+
+  "availability.status.available": "Disponible",
+  "availability.status.if_needed": "Si besoin",
+  "availability.status.unavailable": "Indisponible",
+
+  "position.category.bar": "Bar",
+  "position.category.ticketing": "Billetterie",
+  "position.category.welcome": "Accueil",
+  "position.category.parking": "Parking",
+  "position.category.cleaning": "Nettoyage",
+  "position.category.catering": "Restauration",
+  "position.category.setup": "Montage",
+  "position.category.stage": "Scène",
+  "position.category.other": "Autre",
+
+  "validation.SHIFT_OVERLAP": "Deux créneaux se chevauchent",
+  "validation.OUTSIDE_AVAILABILITY": "En dehors des disponibilités déclarées",
+  "validation.DAILY_HOURS_EXCEEDED": "Plus de 8 h d'affectations sur la journée",
+  "validation.INSUFFICIENT_REST": "Moins de 8 h de repos entre deux créneaux",
+  "validation.MISSING_REQUIRED_SKILL": "Compétence requise manquante"
+}