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-card.tsx

@@ -156,7 +156,7 @@ export function ExpenseCard({ expense, portSlug, onEdit, onArchive }: ExpenseCar
             </p>
           ) : null}
 
-          {/* Amount — prominent */}
+          {/* Amount - prominent */}
           <p className="mt-1 text-base font-semibold tabular-nums text-foreground">
             {amountFormatted}
           </p>

src/components/expenses/expense-columns.tsx

@@ -72,7 +72,7 @@ export function getExpenseColumns({
           className="font-medium text-primary hover:underline"
           onClick={(e) => e.stopPropagation()}
         >
-          {row.original.establishmentName ?? '—'}
+          {row.original.establishmentName ?? '-'}
         </Link>
       ),
     },
@@ -113,7 +113,7 @@ export function getExpenseColumns({
       header: 'Category',
       cell: ({ getValue }) => {
         const cat = getValue() as string | null;
-        if (!cat) return <span className="text-muted-foreground">—</span>;
+        if (!cat) return <span className="text-muted-foreground">-</span>;
         return (
           <Badge variant="outline" className="capitalize text-xs">
             {cat.replace(/_/g, ' ')}

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>