chore(style): codebase em-dash sweep + minor layout polish

Replaces every em-dash and en-dash with regular ASCII hyphens
across comments, JSX strings, and dev-facing logs. Mostly cosmetic
but stops the inconsistent mix that crept in over the last few
months (some files used em-dashes in comments, others didn't,
some used both).

Bundles two small dashboard-layout tweaks that touch a couple of
already-modified files:
- (dashboard)/layout.tsx main padding goes from p-6 to pt-3 px-6
  pb-6 so page content sits closer to the topbar.
- Sidebar now receives the ports list it needs for the footer
  port switcher.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/ui/dialog.tsx

@@ -41,7 +41,7 @@ const DialogContent = React.forwardRef<
         // Mobile: full-screen sheet anchored to all four sides via individual
         // top/right/bottom/left utilities. Desktop (sm+): override each side
         // individually so tailwind-merge doesn't collapse our centering classes.
-        // (Don't use `inset-0` + `sm:inset-auto` here — twMerge sees that as a
+        // (Don't use `inset-0` + `sm:inset-auto` here - twMerge sees that as a
         // conflict and silently strips `sm:left-[50%]` / `sm:top-[50%]`.)
         'fixed top-0 right-0 bottom-0 left-0 z-50 grid w-full gap-4 border-0 bg-background p-6 shadow-lg duration-200',
         'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',

src/components/ui/kpi-tile.tsx

@@ -7,7 +7,7 @@ interface KPITileProps extends React.HTMLAttributes<HTMLDivElement> {
   value: React.ReactNode;
   /** Signed delta vs. prior period; positive = green, negative = red, undefined = no chip. */
   delta?: number;
-  /** Pre-rendered sparkline (recharts) — caller decides shape. */
+  /** Pre-rendered sparkline (recharts) - caller decides shape. */
   sparkline?: React.ReactNode;
   /** Optional accent stripe colour token; defaults to brand. */
   accent?: 'brand' | 'success' | 'warning' | 'mint' | 'teal' | 'purple';

src/components/ui/status-pill.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { cn } from '@/lib/utils';
 
 /**
- * Status pill — a single visual primitive for "this thing is in state X" across
+ * Status pill - a single visual primitive for "this thing is in state X" across
  * documents, signers, reservations, interests. Replaces ad-hoc Badge variants
  * sprinkled through detail pages so the colour mapping stays consistent.
  */
@@ -41,7 +41,7 @@ export type StatusPillStatus = NonNullable<VariantProps<typeof statusPillVariant
 
 interface StatusPillProps
   extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusPillVariants> {
-  /** Optional leading dot — useful for "in-progress" style indicators. */
+  /** Optional leading dot - useful for "in-progress" style indicators. */
   withDot?: boolean;
 }