feat(design): adopt CIBG component patterns (header, forms, wizards, dashboard)

Re-skins the app's layout on top of the CIBG Huisstijl theme (previous commit) so it
matches designsystem.cibg.nl, not just its colour tokens — magenta ("robijn") header,
horizontal nav, and the CIBG component markup for forms/wizards/dashboard.

- Header: logo block + robijn titlebar (breadcrumb + user menu) + grey horizontal nav
  (4 links) replacing the dashboard side-nav; breadcrumb restyled for the titlebar
  (no background of its own — CIBG's global `header nav` rule otherwise bleeds a grey
  fill into it, fixed by scoping an override inside BreadcrumbComponent).
- Forms: form-field/radio-group/checkbox rebuilt on CIBG's horizontal `form-group row`
  / `form-check.styled` markup (label col-md-4, control col-md-8); same input() APIs.
- Wizards: stepper rebuilt as the CIBG "stappenindicator" (numbered circles, visited
  steps clickable for back-nav, title merged in); wizard-shell adopts the CIBG
  procesnavigatie button row. Back-navigation wired into all three wizard machines
  (registratie-wizard already had it; added `GaNaarStap` to intake/herregistratie
  machines, pure + spec'd).
- New shared/ui molecules: confirmation (animated bevestiging checkmark, replaces
  plain alerts on submit), review-section (controlestap sections with "Wijzigen"),
  application-list/application-link (CIBG "aanvragen" rows, replace the dashboard's
  card grid and aanvraag-block).
- Cleanup: delete side-nav and now-unused styles.scss utilities (.app-overview,
  .app-form-panel, .app-card-grid); correct design-tokens.mdx (it referenced tokens
  that no longer exist) and document the CIBG-value token bridge.

Verified: build/lint/check:tokens green, 178 tests pass (4 new GaNaarStap cases), and
manually driven end-to-end (dashboard, a full herregistratie submission through to the
confirmation screen, mobile width, keyboard focus).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/app/shared/ui/data-row/data-row.component.ts

@@ -1,28 +1,15 @@
 import { Component, input } from '@angular/core';
 
-/** Molecule: one key/value row in a data summary. Hand-rolled from tokens
-    (CIBG has no data-summary component). Wrap several in a <dl> (see registration-summary). */
+/** Molecule: one key/value row in a CIBG Huisstijl "controlestap" data summary
+    (`dt.col-md-4` / `dd.col-md-8`). `display:contents` so the dt/dd become direct
+    flex children of the parent `<dl class="row">` — the Bootstrap grid classes
+    need that to lay out correctly. Wrap several in a `<dl class="row mb-0">`. */
 @Component({
   selector: 'app-data-row',
-  styles: [`
-    .item{
-      display:grid;
-      grid-template-columns:minmax(8rem, 14rem) 1fr;
-      gap:var(--rhc-space-max-md);
-      padding-block:var(--rhc-space-max-md);
-      border-block-end:var(--rhc-border-width-sm) solid var(--rhc-color-border-subtle);
-      margin:0;
-    }
-    /* drop the divider on the last row so the list ends cleanly */
-    :host:last-child .item{border-block-end-style:none}
-    .item-key{font-weight:var(--rhc-text-font-weight-semi-bold);margin:0}
-    .item-value{margin:0}
-  `],
+  styles: [`:host{display:contents}`],
   template: `
-    <div class="item">
-      <dt class="item-key">{{ key() }}</dt>
-      <dd class="item-value"><ng-content>{{ value() }}</ng-content></dd>
-    </div>
+    <dt class="col-md-4">{{ key() }}</dt>
+    <dd class="col-md-8"><ng-content>{{ value() }}</ng-content></dd>
   `,
 })
 export class DataRowComponent {