perf(router): route-based code-splitting via React.lazy

[WolfTasks]

Gestapelt auf #125. Base ist worktree-react-router-v8, nicht main — der Diff zeigt daher nur die Lazy-Änderungen. Nach dem Merge von #125 fällt die Base automatisch auf main zurück.

Was

PR 2 von 2 aus docs/superpowers/plans/2026-07-29-react-router-v8-migration-impl.md. Leaf-Pages werden per React.lazy nachgeladen, Layouts und RequireAuth bleiben eager.

Commit	Inhalt
80e5846	RouteFallback — zentrierter Spinner als Suspense-Fallback
5279ce6	router.tsx: alle 39 Leaf-Pages über einen lazyPage-Helper, der named- und default-Exports einheitlich kapselt
c8e967a	<Suspense fallback={<RouteFallback/>}> um den <Outlet/> in AppLayout, SettingsLayout und AuthLayout

Wirkung

	vorher	nachher
Initial-Bundle	1.692,35 kB (gzip 501,25)	832,55 kB (gzip 260,60)
JS-Chunks in dist/assets	1	56

Eigene Chunks pro Seite sind belegt (BoardPage-*.js, IssueDetailPage-*.js, ReportsPage-*.js, …). Die verbleibende Vite-Warnung zu Chunk-Größe betrifft nur noch den geteilten Vendor-Chunk, nicht mehr einzelne Seiten.

Abweichung vom Plan

Der Plan spezifiziert für RouteFallback ein hartkodiertes aria-label="Loading". Das bricht den i18n-CI-Gate, den der #15-Rollout scharf gestellt hat (Allowlist ist leer). Verifiziert, nicht vermutet — die Plan-Variante liefert:

i18n-scan: 1 hardcoded string(s) in 1 non-allowlisted file(s):
src/components/RouteFallback.tsx:6 [attr:aria-label] Loading
exit=1

Stattdessen der bereits vorhandene Key common:loading (in en und de gepflegt). Gate wieder grün.

Verifikation

• Routen-Menge vor/nach identisch: 41 Einträge, Diff zeigt keinen einseitigen Pfad — der Plan ersetzt router.tsx vollständig, deshalb explizit gegengeprüft
• Die vier default-Export-Seiten (AuditLogPage, ProjectAuditPage, ServiceDeskPage, IncidentDashboardPage) gegen die 'default'-Angaben im Plan abgeglichen
• npx tsc --noEmit und npm run build grün
• npm run lint:i18n (Scan + en/de-Parität) und npm run test:i18n grün

Offen

Manueller DE/EN-Browser-Smoke (Plan B4 Schritt 3) — Merge-Gate, das ich nicht abdecken kann: Hard-Refresh auf /p/:key/board, /p/:key/issues/:issueKey, /settings/security → kurz der RouteFallback-Spinner im Content-Bereich, Sidebar und Settings-Nav bleiben stehen, dann die Seite. Kein Flackern der Shell beim Navigieren, keine Konsolenfehler.

🤖 Generated with Claude Code

[WolfTasks]

⚠️CI läuft auf diesem PR nicht automatisch.ci.yml triggert nur auf pull_request: branches: [main], und dieser PR zeigt auf worktree-react-router-v8 — daher "no checks reported".

Verifikation deshalb manuell via workflow_dispatch auf dem Branch nachgeholt: https://github.com/WolfTasks/TaskWolf/actions/runs/34005407058

Vor dem Merge beachten: Nach dem Merge von #125 retargetet GitHub die Base automatisch auf main, aber base_changed gehört nicht zu den Default-Triggern von pull_request — CI läuft dadurch also nicht von selbst an. Dann entweder erneut workflow_dispatch, oder einen Commit nachschieben, damit synchronize feuert.