feat(aanvragen): richer rows (purpose + status) linking to a case-detail page

- Aanvragen rows now show what the aanvraag is for (purpose subtitle) and an
  explicit status label (In behandeling / Goedgekeurd / Afgewezen) alongside the
  reference + submit date, via an expanded aanvraag-view (purposeLabel,
  statusLabel, referentie, detailRows) + spec.
- Rows link to a new /aanvraag/:id case-detail page, so the CIBG chevron shows
  and each aanvraag opens as a (stub) case — it lists soort/waarvoor/status/
  referentie/ingediend in a Datablock, with a note that full handling is future.

GREEN: lint, tokens, 183 tests, build, 137 axe stories. Verified visually
(dashboard aanvragen rows, upload drop-zone, datablock) via Storybook screenshots.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/app/registratie/domain/aanvraag-view.spec.ts

@@ -1,30 +1,45 @@
 import { describe, it, expect } from 'vitest';
-import { submittedRow, TYPE_LABELS } from './aanvraag-view';
+import { submittedRow, detailRows, purposeLabel, statusLabel, TYPE_LABELS } from './aanvraag-view';
 import { Aanvraag } from './aanvraag';
 
 const base = { id: '1', type: 'herregistratie' as const, documentIds: [], createdAt: '', updatedAt: '', submittedAt: '2024-05-12' };
 
 describe('submittedRow', () => {
-  it('InBehandeling: reference + submit date; manual note only when manual', () => {
-    const auto = submittedRow({ ...base, status: { tag: 'InBehandeling', referentie: 'R1', manual: false } } as Aanvraag);
-    expect(auto.heading).toBe(TYPE_LABELS.herregistratie);
-    expect(auto.status).toContain('R1');
-    expect(auto.status).toContain('12 mei 2024');
-    expect(auto.subtitle).toBe('');
+  it('heading is the type, subtitle is the purpose', () => {
+    const row = submittedRow({ ...base, status: { tag: 'InBehandeling', referentie: 'R1', manual: false } } as Aanvraag);
+    expect(row.heading).toBe(TYPE_LABELS.herregistratie);
+    expect(row.subtitle).toBe(purposeLabel('herregistratie'));
+  });
 
+  it('status line carries the status label, reference and submit date', () => {
+    const row = submittedRow({ ...base, status: { tag: 'InBehandeling', referentie: 'R1', manual: false } } as Aanvraag);
+    expect(row.status).toContain(statusLabel({ tag: 'InBehandeling', referentie: 'R1', manual: false }));
+    expect(row.status).toContain('R1');
+    expect(row.status).toContain('12 mei 2024');
+  });
+
+  it('manual review adds a note; rejection adds its reason', () => {
     const manual = submittedRow({ ...base, status: { tag: 'InBehandeling', referentie: 'R1', manual: true } } as Aanvraag);
-    expect(manual.subtitle).not.toBe('');
-  });
-
-  it('Afgewezen: reason becomes the subtitle', () => {
-    const row = submittedRow({ ...base, status: { tag: 'Afgewezen', referentie: 'R2', reden: 'Onvoldoende uren' } } as Aanvraag);
-    expect(row.status).toContain('R2');
-    expect(row.subtitle).toBe('Onvoldoende uren');
-  });
-
-  it('Goedgekeurd: reference only', () => {
-    const row = submittedRow({ ...base, status: { tag: 'Goedgekeurd', referentie: 'R3' } } as Aanvraag);
-    expect(row.status).toContain('R3');
-    expect(row.subtitle).toBe('');
+    expect(manual.status).toContain('handmatig');
+    const rejected = submittedRow({ ...base, status: { tag: 'Afgewezen', referentie: 'R2', reden: 'Onvoldoende uren' } } as Aanvraag);
+    expect(rejected.status).toContain('Onvoldoende uren');
+  });
+});
+
+describe('detailRows', () => {
+  it('lists soort/waarvoor/status/referentie/ingediend, plus reason when rejected', () => {
+    const rows = detailRows({ ...base, status: { tag: 'Afgewezen', referentie: 'R2', reden: 'Onvoldoende uren' } } as Aanvraag);
+    const values = rows.map((r) => r.value);
+    expect(values).toContain(TYPE_LABELS.herregistratie);
+    expect(values).toContain('R2');
+    expect(values).toContain('Onvoldoende uren');
+    expect(rows.length).toBe(6);
+  });
+
+  it('reference falls back to em dash for a Concept', () => {
+    const rows = detailRows({ ...base, submittedAt: undefined, status: { tag: 'Concept', stepIndex: 0, stepCount: 3 } } as Aanvraag);
+    const ref = rows.find((r) => r.value === '—');
+    expect(ref).toBeTruthy();
+    expect(rows.length).toBe(5);
   });
 });