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/expenses/expense-detail.tsx

@@ -146,19 +146,19 @@ export function ExpenseDetail({ expenseId, onEdit, onArchived }: ExpenseDetailPr
         <CardContent className="grid grid-cols-2 gap-4 text-sm">
           <div>
             <span className="text-muted-foreground">Category</span>
-            <p className="mt-0.5 capitalize">{expense.category?.replace(/_/g, ' ') ?? '—'}</p>
+            <p className="mt-0.5 capitalize">{expense.category?.replace(/_/g, ' ') ?? '-'}</p>
           </div>
           <div>
             <span className="text-muted-foreground">Payment Method</span>
-            <p className="mt-0.5 capitalize">{expense.paymentMethod?.replace(/_/g, ' ') ?? '—'}</p>
+            <p className="mt-0.5 capitalize">{expense.paymentMethod?.replace(/_/g, ' ') ?? '-'}</p>
           </div>
           <div>
             <span className="text-muted-foreground">Payer</span>
-            <p className="mt-0.5">{expense.payer ?? '—'}</p>
+            <p className="mt-0.5">{expense.payer ?? '-'}</p>
           </div>
           <div>
             <span className="text-muted-foreground">Description</span>
-            <p className="mt-0.5">{expense.description ?? '—'}</p>
+            <p className="mt-0.5">{expense.description ?? '-'}</p>
           </div>
         </CardContent>
       </Card>