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/interests/interest-columns.tsx

@@ -78,7 +78,7 @@ export function getInterestColumns({
               className="truncate font-medium text-primary hover:underline"
               onClick={(e) => e.stopPropagation()}
             >
-              {row.original.clientName ?? '—'}
+              {row.original.clientName ?? '-'}
             </Link>
             {notesCount > 0 ? (
               <span
@@ -99,7 +99,7 @@ export function getInterestColumns({
       header: 'Berth',
       cell: ({ row }) => {
         if (!row.original.berthId || !row.original.berthMooringNumber) {
-          return <span className="text-muted-foreground">—</span>;
+          return <span className="text-muted-foreground">-</span>;
         }
         return (
           <Link
@@ -150,7 +150,7 @@ export function getInterestColumns({
       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="text-xs capitalize">
             {CATEGORY_LABELS[cat] ?? cat}
@@ -164,7 +164,7 @@ export function getInterestColumns({
       header: 'Source',
       cell: ({ getValue }) => {
         const source = getValue() as string | null;
-        if (!source) return <span className="text-muted-foreground">—</span>;
+        if (!source) return <span className="text-muted-foreground">-</span>;
         return (
           <Badge variant="outline" className="text-xs">
             {SOURCE_LABELS[source] ?? source}
@@ -178,7 +178,7 @@ export function getInterestColumns({
       enableSorting: false,
       cell: ({ row }) => {
         const rowTags = row.original.tags ?? [];
-        if (rowTags.length === 0) return <span className="text-muted-foreground">—</span>;
+        if (rowTags.length === 0) return <span className="text-muted-foreground">-</span>;
         return (
           <div className="flex flex-wrap gap-1">
             {rowTags.slice(0, 3).map((tag) => (
@@ -203,7 +203,7 @@ export function getInterestColumns({
       cell: ({ row }) => {
         const lastIso = row.original.dateLastContact ?? row.original.updatedAt ?? null;
         if (!lastIso) {
-          return <span className="text-muted-foreground text-sm">—</span>;
+          return <span className="text-muted-foreground text-sm">-</span>;
         }
         const d = new Date(lastIso);
         return (