feat(#59): weekly training planner + docs update for #59 and #123

[ChristopherRotnes]

Summary

• Implements the weekly training planner (Planlegger view) from issue As a user I want to plan my training week upfront so I can see projected muscle coverage before I start #59 — cherry-picked from the abandoned PR feat(#59): add weekly training planner view #122 branch and cleanly rebased onto current master
• Wires the EventSchedule nav icon (previously a no-op placeholder added in As a user I want simple and clear navigation on all pages so I can move around the app without confusion #123) to the new Planlegger view
• Adds full documentation for both As a user I want to plan my training week upfront so I can see projected muscle coverage before I start #59 (planner) and As a user I want simple and clear navigation on all pages so I can move around the app without confusion #123 (settings view) across CLAUDE.md, README.md, and CHANGELOG.md

Changes

Feature (issue #59)

• app/src/components/Planlegger.jsx — full weekly planner view: week navigation, HeatmapBodySVG projected coverage, 7-day DayRow list, template bottom-sheet picker, Forslag card (≥2 untrained muscles), sticky CTA with delete confirmation
• app/src/lib/db.js — fetchWeekPlan, saveWeekPlan, deleteWeekPlan
• app/src/lib/utils.js — toWeekIso(date), weekIsoToMonday(weekIso)
• app/src/App.jsx — imports Planlegger, adds onShowPlanlegger to NavContext, adds "planlegger" view branch
• app/src/components/PageShell.jsx — EventSchedule NavBtn now calls onShowPlanlegger and reflects active state

Docs

• CHANGELOG.md — new [1.2.0-rc.1] entry covering planner (As a user I want to plan my training week upfront so I can see projected muscle coverage before I start #59) + settings (As a user I want simple and clear navigation on all pages so I can move around the app without confusion #123)
• CLAUDE.md — Planlegger and Settings architecture entries, week-plans data model, new db.js/utils.js exports, updated PageShell nav icon order and App.jsx view list
• README.md — planner and settings added to how-it-works, project structure, db.js and utils.js descriptions

DB

week_plans and week_plan_days tables are already live in production Supabase (applied in a prior session). No migration needed.

Test plan

• Nav calendar icon navigates to Planlegger view and shows current week
• ChevronLeft / ChevronRight updates week label and clears unsaved assignments
• Assigning a template to a day updates HeatmapBodySVG in real time
• ≥2 muscles without coverage → Forslag card appears; fill coverage → card disappears
• "Lagre plan" saves to Supabase; reload restores the plan
• "Fjern uke" with confirmation deletes week_plans row (cascade clears days)
• Empty day shows dashed "+ Legg til økt"; assigned day shows name + muscle chips + × button
• Mobile: Front/Bak toggle on body map; bottom-sheet template picker
• Settings view, theme toggle, and logout still work (no regression from conflict resolution)

https://claude.ai/code/session_015uVNeffg6P3QMG8SjgWWAV

---

Generated by Claude Code

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-127.westeurope.7.azurestaticapps.net