feat(design): re-theme to CIBG Huisstijl (Bootstrap 5.2), replacing RHC/Utrecht

The portal now adheres to the CIBG design system (designsystem.cibg.nl) — a customized
Bootstrap 5.2 build — replacing the Rijkshuisstijl-Community / Utrecht theme. See ADR-0003.

- Vendor @cibg/huisstijl@3.22.0 under public/cibg-huisstijl/, loaded via a <link> in
  index.html (Storybook serves it via staticDirs). Drop the two @rijkshuisstijl-community deps.
- Token bridge in styles.scss: redefine the app's ~54 --rhc-* tokens onto CIBG/--bs-* values,
  so components keep referencing tokens (no 300+ site rewrite). System-font stack; licensed
  RO/Rijks text fonts intentionally not shipped.
- Re-skin every shared atom to Bootstrap/CIBG classes (btn, form-control, form-check-*,
  table, breadcrumb, …) keeping their input() APIs. alert is hand-rolled (CIBG drops .alert);
  local .card/.badge renamed to avoid Bootstrap collisions.
- Domain pages: drop stray rhc-*/utrecht-* classes; registration-table → table table-striped.

Verified: build green, check:tokens OK, lint clean, 174 tests pass, build-storybook OK,
and the served build loads the vendored CSS (200, .btn-primary present).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/app/registratie/ui/dashboard.page.ts

@@ -19,8 +19,8 @@ import { Registration } from '@registratie/domain/registration';
 import { Aanvraag, AanvraagType } from '@registratie/domain/aanvraag';
 import { tasksFromProfile } from '@registratie/domain/tasks';
 
-/** Page: "Mijn overzicht" — the portal home, following the NL Design System
-    "Mijn omgeving" pattern (side nav + "Wat moet ik regelen" + "Mijn zaken"). */
+/** Page:"Mijn overzicht" — the portal home, following the NL Design System
+"Mijn omgeving" pattern (side nav +"Wat moet ik regelen" +"Mijn zaken"). */
 @Component({
   selector: 'app-dashboard-page',
   imports: [
@@ -58,7 +58,7 @@ import { tasksFromProfile } from '@registratie/domain/tasks';
                 @if (tasks.length) {
                   <app-task-list class="app-section" [tasks]="tasks" />
                 } @else {
-                  <p class="rhc-paragraph app-text-subtle" i18n="@@dashboard.nietsOpenstaan">U heeft op dit moment niets openstaan.</p>
+                  <p class="app-text-subtle" i18n="@@dashboard.nietsOpenstaan">U heeft op dit moment niets openstaan.</p>
                 }
               </section>
 
@@ -68,7 +68,7 @@ import { tasksFromProfile } from '@registratie/domain/tasks';
                   <app-registration-summary [reg]="$any(p).registration" />
                 </div>
                 <app-card class="app-section" i18n-heading="@@dashboard.persoonsgegevens" heading="Persoonsgegevens (BRP)">
-                  <dl class="rhc-data-summary rhc-data-summary--row">
+                  <dl>
                     <app-data-row i18n-key="@@dashboard.straat" key="Straat" [value]="$any(p).person.adres.straat" />
                     <app-data-row i18n-key="@@dashboard.postcode" key="Postcode" [value]="$any(p).person.adres.postcode" />
                     <app-data-row i18n-key="@@dashboard.woonplaats" key="Woonplaats" [value]="$any(p).person.adres.woonplaats" />
@@ -92,7 +92,7 @@ import { tasksFromProfile } from '@registratie/domain/tasks';
                   <app-skeleton height="2.5rem" [count]="3" />
                 </ng-template>
                 <ng-template appAsyncEmpty>
-                  <p class="rhc-paragraph app-text-subtle" i18n="@@dashboard.geenSpecialismen">U heeft nog geen specialismen of aantekeningen.</p>
+                  <p class="app-text-subtle" i18n="@@dashboard.geenSpecialismen">U heeft nog geen specialismen of aantekeningen.</p>
                 </ng-template>
               </app-async>
             </div>
@@ -104,7 +104,7 @@ import { tasksFromProfile } from '@registratie/domain/tasks';
               @for (a of acties; track a.to) {
                 <li>
                   <app-card [heading]="a.titel">
-                    <p class="rhc-paragraph">{{ a.tekst }}</p>
+                    <p>{{ a.tekst }}</p>
                     <app-link [to]="a.to">{{ a.actie }} →</app-link>
                   </app-card>
                 </li>
@@ -128,7 +128,7 @@ export class DashboardPage {
   }
 
   /** The user's applications, sorted Concept → In behandeling → resolved. Empty →
-      the "Mijn aanvragen" section is hidden (see template). */
+      the"Mijn aanvragen" section is hidden (see template). */
   protected aanvragen = computed<Aanvraag[]>(() => {
     const rd = this.apps.applications();
     if (rd.tag !== 'Success') return [];