chore(autonomous-session): consolidate uncommitted work from prior session

Bundles the prior autonomous-session output that was sitting unstaged:

- Em-dash sweep across src/ + tests/ (en-dash/em-dash to hyphen, ~2280 instances)
- country-flag-icons rollout (CountryFlag component, replaces emoji glyphs that
  never rendered on Windows; lazy-loads the 3x2 SVG index as a single chunk
  after the per-subpath dynamic-import approach silently failed in webpack)
- Admin IA Phase 1+2: 7-domain regroup, 41 to 38 pages, /admin/berths index,
  redirects (ocr to ai, reports to dashboard, invitations to users),
  docs/admin-ia-proposal.md
- Per-template email tester (registry + endpoint + UI on Email admin page)
- Cancel-document mode picker (delete-from-Documenso vs keep-for-audit)
- Dashboard PDF report: 25 widgets, SVG charts, date-range picker, 11 resolvers
- Customize-widgets per-region sortables at xl+ (charts/rails/feed); single
  flat sortable below xl when the layout stacks; per-viewport saved orders
- Audit doc updates capturing each shipped item
- Lint fixes: react-compiler immutability in DonutChart (reduce instead of
  let-reassign), set-state-in-effect disables in CountryFlag and
  UploadForSigning preview-bytes effect, unused 'confirm' destructures in
  interest contract + reservation tabs, unescaped apostrophe in test-template
  card copy

src/components/clients/client-card.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import type { ReactNode } from 'react';
 import { Archive, MoreHorizontal, Pencil } from 'lucide-react';
 
 import { Button } from '@/components/ui/button';
@@ -9,6 +10,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import { CountryFlag } from '@/components/shared/country-flag';
 import { TagBadge } from '@/components/shared/tag-badge';
 import {
   ListCard,
@@ -34,7 +36,21 @@ export function ClientCard({ client, portSlug, onEdit, onArchive }: ClientCardPr
   const sourceLabel = formatSource(client.source);
   const tags = client.tags ?? [];
 
-  const meta = [nationality, sourceLabel].filter(Boolean) as string[];
+  const metaItems: { key: string; node: ReactNode }[] = [];
+  if (nationality) {
+    metaItems.push({
+      key: 'nationality',
+      node: (
+        <span className="inline-flex items-center gap-1">
+          <CountryFlag code={client.nationalityIso} className="h-2.5 w-3.5" decorative />
+          <ListCardMeta>{nationality}</ListCardMeta>
+        </span>
+      ),
+    });
+  }
+  if (sourceLabel) {
+    metaItems.push({ key: 'source', node: <ListCardMeta>{sourceLabel}</ListCardMeta> });
+  }
 
   const interest = client.latestInterest ?? null;
   const interestCount = client.interestCount ?? 0;
@@ -91,12 +107,12 @@ export function ClientCard({ client, portSlug, onEdit, onArchive }: ClientCardPr
             <p className="truncate text-sm text-muted-foreground">{primaryContactValue}</p>
           ) : null}
 
-          {meta.length > 0 ? (
+          {metaItems.length > 0 ? (
             <div className="mt-0.5 flex flex-wrap items-center gap-x-1.5 text-xs text-muted-foreground">
-              {meta.map((m, i) => (
-                <span key={m} className="inline-flex items-center gap-1">
+              {metaItems.map((m, i) => (
+                <span key={m.key} className="inline-flex items-center gap-1">
                   {i > 0 ? <span aria-hidden>·</span> : null}
-                  <ListCardMeta>{m}</ListCardMeta>
+                  {m.node}
                 </span>
               ))}
             </div>