Grille : colonnes par créneau (pas par heure), largeur adaptative

- `buildLattice` (frontend/src/lib/planning.ts) identifie une colonne par
  (date, heure de début, heure de fin) et non plus par la seule heure de
  début : deux créneaux qui démarrent en même temps mais durent
  différemment ont désormais chacun leur colonne, avec un en-tête « début
  → fin » au lieu du seul début.
- Largeur adaptative par jour (`columnWidthPx`) : peu de créneaux dans une
  journée ⇒ colonnes larges, beaucoup de créneaux ⇒ largeur compacte
  (défilement horizontal) — fini les colonnes étroites par défaut.
- `VolunteerViewPage` mis à jour pour rester synchronisé avec la nouvelle
  clé de colonne (fonction `buildLattice` partagée).
- CLAUDE.md à jour.

Corrige au passage `bg-hatch-mauve` (case en sureffectif) : la classe était
utilisée depuis le commit précédent mais l'utilitaire Tailwind
correspondant n'avait jamais été ajouté à `backgroundImage` — la case
retombait silencieusement sur un fond uni.

typecheck + lint + build + smoke OK.

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

CLAUDE.md

@@ -289,6 +289,14 @@ effectivement tourné (`POST .../solver/suggestions`), ses bénévoles retenus
 passent malgré tout en tête (ce sont eux le résultat d'une vraie optimisation
 jointe, pas juste un score local).
 
+**Colonnes de la grille des besoins** — une colonne représente un **créneau**
+distinct (`starts_at` + `ends_at`), pas seulement une heure de début : deux
+créneaux qui démarrent en même temps mais durent différemment ont chacun leur
+colonne (`buildLattice` / `LatticeColumn` dans `frontend/src/lib/planning.ts`).
+Largeur adaptative par jour (`columnWidthPx`) : peu de créneaux dans une
+journée ⇒ colonnes larges, beaucoup de créneaux ⇒ largeur compacte avec
+défilement horizontal — jamais de colonnes étroites par défaut.
+
 ---
 
 ## 5. Périmètre