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/layout/app-shell.tsx

@@ -61,7 +61,7 @@ function computeInitialTier(initialFormFactor: 'mobile' | 'desktop'): Tier {
  * #26 + H-09: single-tree responsive shell with stable children subtree.
  *
  * The shell renders ONE `<main>` and ONE `<MobileLayoutProvider>` at all
- * viewports — only the chrome (sidebar+topbar vs mobile-topbar+bottom-tabs
+ * viewports - only the chrome (sidebar+topbar vs mobile-topbar+bottom-tabs
  * vs tablet's hidden-sidebar-via-Sheet) conditionally renders. Three payoffs:
  *
  *   - #26 / first ship: no double-mount of chrome subtrees.
@@ -74,7 +74,7 @@ function computeInitialTier(initialFormFactor: 'mobile' | 'desktop'): Tier {
  *     the mobile shell. Closes the half-screen-on-13"-Mac usability gap.
  *
  * The mobile-only floating panels (MoreSheet, MobileSearchOverlay) only
- * mount in the mobile branch — they have no desktop counterpart.
+ * mount in the mobile branch - they have no desktop counterpart.
  *
  * SSR safety: the server passes its UA-classified hint via `initialFormFactor`;
  * the first client render uses the same value so hydration matches. After
@@ -103,7 +103,7 @@ export function AppShell({
       const next: Tier = mqMobile.matches ? 'mobile' : mqTablet.matches ? 'tablet' : 'desktop';
       setTier(next);
       // Persist for the next SSR pass so the server renders the
-      // matching shell on first paint — eliminates the chrome flicker
+      // matching shell on first paint - eliminates the chrome flicker
       // on refresh when UA-based classification disagrees with the
       // actual viewport (most common on macOS Safari at sub-1024
       // widths). 1-year expiry; SameSite=Lax is fine since the cookie
@@ -187,7 +187,7 @@ export function AppShell({
             {logoUrl ? (
               <img src={logoUrl} alt="" className="h-6 w-6 object-contain" />
             ) : (
-              // Neutral fallback when the port has no branding logo yet —
+              // Neutral fallback when the port has no branding logo yet -
               // a three-bar menu icon keeps the affordance discoverable.
               <svg
                 xmlns="http://www.w3.org/2000/svg"