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/documents/document-detail.tsx

@@ -174,7 +174,7 @@ export function DocumentDetail({ documentId, portSlug }: DocumentDetailProps) {
         data: { to: string[]; subject: string; attachments: Array<{ fileId: string }> };
       }>(`/api/v1/documents/${documentId}/compose-completion-email`, { method: 'POST' });
       toast.info(
-        `Email composer prepared for ${draft.data.to.length} signer${draft.data.to.length === 1 ? '' : 's'} — opens in PR8 wizard`,
+        `Email composer prepared for ${draft.data.to.length} signer${draft.data.to.length === 1 ? '' : 's'} - opens in PR8 wizard`,
       );
     } catch (err) {
       toast.error(err instanceof Error ? err.message : 'Failed to prepare email');

src/components/documents/document-list.tsx

@@ -26,7 +26,7 @@ interface DocumentListProps {
   interestId?: string;
   clientId?: string;
   /** Override the default empty state ("No documents yet.") with a contextual
-   *  CTA — e.g. on the interest Documents tab we render a Generate EOI prompt. */
+   *  CTA - e.g. on the interest Documents tab we render a Generate EOI prompt. */
   emptyState?: React.ReactNode;
 }
 
@@ -80,7 +80,7 @@ export function DocumentList({ interestId, clientId, emptyState }: DocumentListP
   };
 
   const getSignerProgress = (doc: DocumentRow) => {
-    if (!doc.signers) return '—';
+    if (!doc.signers) return '-';
     const signed = doc.signers.filter((s) => s.status === 'signed').length;
     return `${signed}/${doc.signers.length} signed`;
   };

src/components/documents/documents-hub.tsx

@@ -180,7 +180,7 @@ export function DocumentsHub({ portSlug, initialTab = 'all' }: DocumentsHubProps
             {isNonSignature && doc.status === 'sent' ? 'Delivered' : doc.status.replace(/_/g, ' ')}
           </StatusPill>
           <span className="text-xs tabular-nums text-muted-foreground">
-            {totalSigners > 0 ? `${signedCount}/${totalSigners} signed` : '—'}
+            {totalSigners > 0 ? `${signedCount}/${totalSigners} signed` : '-'}
           </span>
           <span className="text-xs text-muted-foreground">
             {new Date(doc.createdAt).toLocaleDateString('en-GB')}

src/components/documents/eoi-generate-dialog.tsx

@@ -22,14 +22,14 @@ import {
 import { Label } from '@/components/ui/label';
 import { apiFetch } from '@/lib/api/client';
 
-/** Required for the EOI's top paragraph (Section 2) — without these the
+/** Required for the EOI's top paragraph (Section 2) - without these the
  *  document is unsignable, so generation is blocked. Yacht and berth fields
  *  belong to Section 3 and may be left blank. */
 interface EoiPrerequisites {
   hasName: boolean;
   hasEmail: boolean;
   hasAddress: boolean;
-  /** Optional — info-only checks. Generation proceeds without them. */
+  /** Optional - info-only checks. Generation proceeds without them. */
   hasYacht: boolean;
   hasBerth: boolean;
 }
@@ -180,7 +180,7 @@ export function EoiGenerateDialog({
 
             <div className="space-y-1.5">
               <p className="text-xs font-medium text-muted-foreground">
-                Optional (Section 3 — left blank if absent)
+                Optional (Section 3 - left blank if absent)
               </p>
               {OPTIONAL_LABELS.map(({ key, label }) => (
                 <div key={key} className="flex items-center gap-3 text-sm">