Grille : case mauve quand un créneau est en sureffectif

- GrillePage : quand assigned > ideal_staff, la case passe en mauve (glyphe ▼)
  et prend le pas sur l'état « complet ».
- Nouvelle entrée de légende « SUREFFECTIF ».
- tailwind : couleurs mauve / mauve-hover.
- mock : quelques créneaux volontairement en sureffectif pour la démo.

typecheck + lint + build + smoke OK.

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

frontend/src/api/mock/dataset.ts

@@ -210,6 +210,7 @@ export function buildMockState(): MockState {
     if (slotIndex % 7 === 0) target = Math.max(1, shift.min_staff - 1);
     else if (slotIndex % 5 === 0) target = shift.min_staff;
     else if (slotIndex % 3 === 0) target = Math.max(shift.min_staff, shift.ideal_staff - 1);
+    else if (slotIndex % 8 === 0) target = shift.ideal_staff + 2; // sureffectif
 
     const duration = hoursBetween(shift.starts_at, shift.ends_at);
     const dateStr = shift.starts_at.slice(0, 10);