Variety Page — Rework

Maschinen-lesbare Spezifikation

Gilt für alle drei Variationen. Implementierungs-Details werden nach Variantenwahl konkretisiert.

/* spec:rules — Variety Page Rework (alle Variationen)
 *
 * RECIPE NAME MAPPING (frontend, no backend change)
 *   Source: weekPlan.slots[] → { dayOfWeek: "MON"|"TUE"|..., recipe: { id, name } }
 *   tagRepeats[].days[] contains dayOfWeek keys (e.g. "MON")
 *   slotsByDay = Object.fromEntries(weekPlan.slots.map(s => [s.dayOfWeek, s]))
 *   recipeName = slotsByDay[day]?.recipe?.name ?? day
 *   slotId = slotsByDay[day]?.id
 *
 * SWAP NAVIGATION
 *   "Tauschen" button href: /planner?week={weekStart}&swap={slotId}
 *   weekStart available in page data
 *   slotId from weekPlan.slots mapping above
 *   Opens RecipePicker for that slot (existing functionality in planner page)
 *
 * DAY LABEL MAPPING (for display)
 *   MON → "Montag"  TUE → "Dienstag"  WED → "Mittwoch"  THU → "Donnerstag"
 *   FRI → "Freitag" SAT → "Samstag"   SUN → "Sonntag"
 *   Short: Mo, Di, Mi, Do, Fr, Sa, So
 *
 * EMPTY SLOT HANDLING
 *   If slotsByDay[day] is undefined: show day key only, no swap button
 *   This can happen if slot was deleted since varietyScore was computed
 *
 * PROTEIN SCORE — VEGETARIAN NOTE
 *   Label "Protein-Vielfalt" in ScoreBreakdownList may change to "Quellen-Vielfalt"
 *   pending backend decision on scoring weight adjustment.
 *   No frontend change required until backend ships the updated score.
 *
 * VARIATION-SPECIFIC
 *   V1: Modify VarietyWarningCards + Warning type (add slots: { day, recipeName, slotId }[])
 *       computeWarnings() now returns slots[] instead of string days[]
 *   V2: Restructure VarietyWarningCards to ActionRows; VarietyScoreHero → compact variant
 *       
 for sub-scores (no JS needed)
 *   V3: Replace protein grid with full week grid (recipe names); add side panel component
 *       Mobile: tab switcher (Übersicht | Hinweise) using $state activeTab
 */