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>

libs/shared/src/ui/data-block/data-block.component.ts

@@ -0,0 +1,36 @@
+import { Component, input } from '@angular/core';
+import { HeadingComponent } from '@shared/ui/heading/heading.component';
+
+/** Molecule: CIBG Huisstijl **Datablock** (designsystem.cibg.nl/componenten/datablock)
+    — THE way to show user/application data. A grey `.data-block` surface holds a white
+    `.block-wrapper` panel with a `<dl>` of projected `<app-data-row>`s. Use `stacked`
+    (`.data-block--stacked`) when labels/values are long and should stack. This is the
+    single data surface (a generic white `app-card` used to exist but was unused and
+    removed — see WP-12); the datablock carries its own surface, so it is not nested in
+    another one. When there is no visible `heading`, pass an `ariaLabel` so the definition
+    list is announced. */
+@Component({
+  selector: 'app-data-block',
+  imports: [HeadingComponent],
+  template: `
+    @if (heading()) {
+      <app-heading [level]="level()">{{ heading() }}</app-heading>
+    }
+    <div class="data-block" [class.data-block--stacked]="stacked()">
+      <div class="block-wrapper">
+        <dl class="mb-0" [attr.aria-label]="ariaLabel() || null">
+          <ng-content />
+        </dl>
+      </div>
+    </div>
+  `,
+})
+export class DataBlockComponent {
+  heading = input('');
+  /** Heading level when `heading` is set (default h3). */
+  level = input<1 | 2 | 3 | 4 | 5>(3);
+  /** Stacks label above value (`.data-block--stacked`) for long content. */
+  stacked = input(false);
+  /** Accessible name for the `<dl>` when there is no visible heading. */
+  ariaLabel = input('');
+}

libs/shared/src/ui/data-block/data-block.stories.ts

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { moduleMetadata } from '@storybook/angular';
+import { DataBlockComponent } from './data-block.component';
+import { DataRowComponent } from '@shared/ui/data-row/data-row.component';
+
+const meta: Meta<DataBlockComponent> = {
+  title: 'Design System/Molecules/Data Block',
+  component: DataBlockComponent,
+  decorators: [moduleMetadata({ imports: [DataRowComponent] })],
+  render: (args) => ({
+    props: args,
+    template: `
+      <app-data-block [heading]="heading" [stacked]="stacked" [ariaLabel]="ariaLabel">
+        <div app-data-row key="BIG-nummer" value="19012345601"></div>
+        <div app-data-row key="Naam" value="J. de Vries"></div>
+        <div app-data-row key="Beroep" value="Verpleegkundige"></div>
+        <div app-data-row key="Registratiedatum" value="1 maart 2018"></div>
+      </app-data-block>`,
+  }),
+};
+export default meta;
+type Story = StoryObj<DataBlockComponent>;
+
+export const Default: Story = { args: { heading: 'Persoonsgegevens (BRP)' } };
+export const ZonderKop: Story = { args: { ariaLabel: 'Registratiegegevens' } };
+export const Stacked: Story = { args: { heading: 'Toelichting', stacked: true } };