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-detail-header.tsx

@@ -16,6 +16,7 @@ import { HardDeleteDialog } from '@/components/clients/hard-delete-dialog';
 import { ReminderForm } from '@/components/reminders/reminder-form';
 import { useQueryClient } from '@tanstack/react-query';
 import { DetailHeaderStrip } from '@/components/shared/detail-header-strip';
+import { CountryFlag } from '@/components/shared/country-flag';
 import { PortalInviteButton } from '@/components/clients/portal-invite-button';
 import { GdprExportButton } from '@/components/clients/gdpr-export-button';
 import { cn } from '@/lib/utils';
@@ -69,7 +70,6 @@ export function ClientDetailHeader({ client }: ClientDetailHeaderProps) {
   const addedLabel = client.createdAt
     ? `Added ${format(new Date(client.createdAt), 'MMM d, yyyy')}`
     : null;
-  const meta = [country, addedLabel].filter(Boolean) as string[];
 
   return (
     <>
@@ -87,8 +87,21 @@ export function ClientDetailHeader({ client }: ClientDetailHeaderProps) {
               )}
             </div>
 
-            {meta.length > 0 ? (
-              <p className="text-xs text-muted-foreground sm:text-sm">{meta.join(' · ')}</p>
+            {country || addedLabel ? (
+              <p className="flex flex-wrap items-center gap-x-1.5 text-xs text-muted-foreground sm:text-sm">
+                {country ? (
+                  <span className="inline-flex items-center gap-1.5">
+                    <CountryFlag
+                      code={client.nationalityIso}
+                      className="h-3 w-4 sm:h-3.5 sm:w-5"
+                      decorative
+                    />
+                    <span>{country}</span>
+                  </span>
+                ) : null}
+                {country && addedLabel ? <span aria-hidden>·</span> : null}
+                {addedLabel ? <span>{addedLabel}</span> : null}
+              </p>
             ) : null}
 
             <div className="flex flex-wrap items-center gap-1.5 pt-1">