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/website-analytics/realtime-panel.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 /**
- * Realtime panel — Umami's "what's happening RIGHT NOW" view, surfaced
+ * Realtime panel - Umami's "what's happening RIGHT NOW" view, surfaced
  * as a collapsible card at the top of the website-analytics page.
  *
  * Folds in five things from Umami's /api/realtime/<id> endpoint:
@@ -20,6 +20,7 @@ import { ChevronDown, ChevronUp, Globe, Activity, MapPin, ExternalLink } from 'l
 
 import { Card, CardContent } from '@/components/ui/card';
 import { Skeleton } from '@/components/ui/skeleton';
+import { CountryFlag } from '@/components/shared/country-flag';
 import { getCountryName } from '@/lib/i18n/countries';
 import { useUmamiRealtime } from './use-website-analytics';
 
@@ -28,7 +29,7 @@ export function RealtimePanel() {
   const query = useUmamiRealtime(open);
   const data = query.data?.data ?? null;
 
-  // Hide the entire bar when Umami reports a quiet 30-minute window —
+  // Hide the entire bar when Umami reports a quiet 30-minute window -
   // a "Live activity (0 visitors)" header is just noise. We still poll
   // every 60 s while hidden so the bar reappears the moment traffic
   // arrives.
@@ -53,7 +54,7 @@ export function RealtimePanel() {
             <div className="text-xs text-muted-foreground">
               {open
                 ? 'Auto-refreshing every 5s · last 30 minutes'
-                : 'Click to expand — top pages, countries, and a live event stream'}
+                : 'Click to expand - top pages, countries, and a live event stream'}
             </div>
           </div>
         </div>
@@ -138,10 +139,19 @@ export function RealtimePanel() {
                                 ? 'Homepage'
                                 : ev.urlPath}
                           </span>
-                          <span className="ml-2 text-muted-foreground">
-                            {[ev.country && getCountryName(ev.country, 'en'), ev.browser, ev.device]
-                              .filter(Boolean)
-                              .join(' · ')}
+                          <span className="ml-2 inline-flex items-center gap-1.5 text-muted-foreground">
+                            {ev.country ? (
+                              <CountryFlag code={ev.country} className="h-2.5 w-3.5" decorative />
+                            ) : null}
+                            <span>
+                              {[
+                                ev.country && getCountryName(ev.country, 'en'),
+                                ev.browser,
+                                ev.device,
+                              ]
+                                .filter(Boolean)
+                                .join(' · ')}
+                            </span>
                           </span>
                         </div>
                         <span className="shrink-0 tabular-nums text-muted-foreground">