feat(WP-67): merge behandelportal into this repo as a monorepo

Restructures into apps/ssp + apps/behandelportal (two Angular projects)
plus libs/shared + libs/beheer (cross-app libraries), replacing WP-61's
separate sibling repo. That split had already produced real drift: a
hand-vendored copy of the backend's OpenAPI doc, a shared/ui+layout tree
forked and silently diverging (7 files), and beheer + the styles.scss
token bridge duplicated byte-for-byte across both repos.

- git mv the SSP's src/app/* into apps/ssp/; fold shared/, beheer/,
  environments/, the Storybook docs/*.mdx, and styles.scss into
  libs/shared + libs/beheer (all confirmed identical between the two
  repos before merging). auth stays deliberately duplicated per
  ADR-0002 (actor-specific, expected to diverge) - amended there.
- One generated API client (libs/shared), no more vendored swagger.json.
- .dependency-cruiser split into a base factory + one config per app,
  and Storybook into .storybook-ssp/.storybook-behandelportal - both
  forced by the @auth/* alias resolving to different directories per app.
- SiteHeaderComponent/ShellComponent gained HEADER_NAV_ITEMS/
  HEADER_ADMIN_LINKS/DEBUG_PANEL injection tokens so each app supplies
  its own nav/admin-links/dev-panel instead of one being hardcoded.
- CLAUDE.md, ARCHITECTURE.md, dependencies.md, and ADR-0002 updated;
  WP-67 backlog entry documents the full decision trail.

npm run ci green (lint, dep:check x2, 360 tests across ssp/
behandelportal/shared/beheer, both localized builds, backend tests,
snippet + api-client drift); both dev servers, both Storybook
instances, and docker compose verified working.

The old sibling repo (/home/eho/repos/behandelportal) is left
untouched, not deleted.

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

apps/ssp/src/app/registratie/ui/registration-summary/registration-summary.component.ts

@@ -0,0 +1,72 @@
+import { Component, input } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import { Registration } from '@registratie/domain/registration';
+import { statusColor, statusLabel } from '@registratie/domain/registration.policy';
+import { DataRowComponent } from '@shared/ui/data-row/data-row.component';
+import { StatusBadgeComponent } from '@shared/ui/status-badge/status-badge.component';
+import { DataBlockComponent } from '@shared/ui/data-block/data-block.component';
+
+/** Organism: registration summary in a CIBG Datablock. Composes data-row rows +
+    status-badge atom (no card wrapper — the datablock carries its own surface). */
+@Component({
+  selector: 'app-registration-summary',
+  imports: [DatePipe, DataRowComponent, StatusBadgeComponent, DataBlockComponent],
+  template: `
+    <app-data-block i18n-ariaLabel="@@summary.ariaLabel" ariaLabel="Registratiegegevens">
+      <div
+        app-data-row
+        i18n-key="@@summary.bigNummer"
+        key="BIG-nummer"
+        [value]="reg().bigNummer"
+      ></div>
+      <div app-data-row i18n-key="@@summary.naam" key="Naam" [value]="reg().naam"></div>
+      <div app-data-row i18n-key="@@summary.beroep" key="Beroep" [value]="reg().beroep"></div>
+      <div app-data-row i18n-key="@@summary.status" key="Status">
+        <app-status-badge [label]="label()" [color]="color()" />
+      </div>
+      <div
+        app-data-row
+        i18n-key="@@summary.registratiedatum"
+        key="Registratiedatum"
+        [value]="reg().registratiedatum | date: 'longDate'"
+      ></div>
+      <!-- Each status variant renders only the row its own data supports. A single
+           @let binds status once so the @switch narrows its union by tag -- calling
+           reg().status again per case would give the checker a fresh, unnarrowed call. -->
+      @let status = reg().status;
+      @switch (status.tag) {
+        @case ('Geregistreerd') {
+          <div
+            app-data-row
+            i18n-key="@@summary.uiterste"
+            key="Uiterste herregistratie"
+            [value]="status.herregistratieDatum | date: 'longDate'"
+          ></div>
+        }
+        @case ('Geschorst') {
+          <div
+            app-data-row
+            i18n-key="@@summary.geschorstTot"
+            key="Geschorst tot"
+            [value]="status.geschorstTot | date: 'longDate'"
+          ></div>
+          <div app-data-row i18n-key="@@summary.reden" key="Reden" [value]="status.reden"></div>
+        }
+        @case ('Doorgehaald') {
+          <div
+            app-data-row
+            i18n-key="@@summary.doorgehaaldOp"
+            key="Doorgehaald op"
+            [value]="status.doorgehaaldOp | date: 'longDate'"
+          ></div>
+          <div app-data-row i18n-key="@@summary.reden" key="Reden" [value]="status.reden"></div>
+        }
+      }
+    </app-data-block>
+  `,
+})
+export class RegistrationSummaryComponent {
+  reg = input.required<Registration>();
+  protected label = () => statusLabel(this.reg().status.tag);
+  protected color = () => statusColor(this.reg().status.tag);
+}