feat(ui): broad consistency sweep — sources, dates, comboboxes, milestones

Mobile + responsive
- berth-form full-width on phones (was 480px fixed → overflowed iPhone)
- currency-input switched to inputMode=decimal with live thousands separator
- client-form Country/Timezone/Source/Preferred-Contact full-width <sm
- contacts row restructured so Primary toggle + Remove get their own strip
- customize-dashboard footer stacks vertically on mobile; Done full-width
- interest-form client/berth pickers no longer cmdk-filter on UUID (typing
  "Carlos" now returns Carlos Vega instead of "No clients found")

Data + consistency
- SOURCES + SOURCE_LABELS + formatSource() in lib/constants; 9 surfaces
  now resolve interest/client source from one place
- INTEREST_OUTCOMES adds lost_other (picker, badge, timeline)
- Berth options natural-sort A1 → A2 → … → A10 via lib/utils/mooring-sort
- archiver downgraded ^8 → ^7.0.1 so the GDPR export route compiles
- TableBody last-row uses border-b-0 (not border-0); colored left-accent
  on the bottom berth row now renders
- Hide Invite-to-Portal until port setting === true (was !== false default-show)
- OwnerPicker primer query resolves entity name on first paint (no more
  UUID flash before the popover opens)

Terminology
- Replaced user-facing "Documenso" with "signing service" / "Generated EOI" /
  "Manual EOI" in 8 components (admin/internal references kept)
- Plainer status-change copy on berth-detail-header

Forms + editing
- InlineEditableField gained a `date` variant (native picker); applied to
  company incorporation date and ready for other YYYY-MM-DD plaintext fields
- Inline source picker on interest-tabs detail (was free text)
- TagPicker self-hides when port has no tags AND nothing is selected
- New ReminderDaysInput with preset chips (1d / 3d / 1wk / 2wk / 1mo / custom)
- Compose dialog follow-up is now a toggle that reveals datetime picker

Pipeline milestones
- changeStageSchema accepts optional milestoneDate; service stamps it on the
  matching date column instead of always using now
- MilestoneAdvanceButton popover collects a back-date before stage advance
- Applied to every "Mark X manually" surface on the interest overview

EOI / linked-berths polish
- Add-bypass row aligned inline with toggle descriptions
- Tooltips on "Specifically pitching" / "Mark in EOI bundle" explain their
  legal vs. public-map consequences

Surfaces
- Companies list now has the column picker + persisted hidden-column prefs
- NotesList aggregate flag enabled on clients, companies, residential_clients
  (yachts already aggregated)

ft/m unit toggle (interim, before drift fix)
- "Berth size desired" gets a section-level ft/m toggle; per-field hint shows
  the converted value. Storage stays canonical-ft for now; the drift-safe
  persistence migration is the next step.

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

src/components/shared/data-table.tsx

@@ -65,6 +65,15 @@ interface DataTableProps<TData> {
    * sort, and selection stay in sync across the breakpoint.
    */
   cardRender?: (row: Row<TData>) => React.ReactNode;
+  /**
+   * Optional grouping key for the mobile card list. When set, consecutive
+   * rows that share the same returned key are visually grouped under a
+   * header showing the key. Rendered only on mobile (next to cardRender);
+   * the desktop table is unaffected. Useful for berths-by-area,
+   * documents-by-folder, etc. — pre-sort the data on the same key so
+   * adjacent rows already share groups.
+   */
+  mobileGroupBy?: (row: TData) => string | null | undefined;
   /**
    * Per-column visibility map. Keys are column IDs, values mean
    * "currently visible". Columns absent from the map are visible by
@@ -90,6 +99,7 @@ export function DataTable<TData>({
   onRowClick,
   getRowClassName,
   cardRender,
+  mobileGroupBy,
   columnVisibility,
 }: DataTableProps<TData>) {
   const [internalSelection, setInternalSelection] = useState<RowSelectionState>({});
@@ -259,7 +269,30 @@ export function DataTable<TData>({
               {emptyState ?? 'No results.'}
             </li>
           ) : (
-            rows.map((row) => <li key={row.id}>{cardRender(row)}</li>)
+            (() => {
+              // Walk rows once, emitting a section header <li> every time
+              // the groupBy key changes. Keeps the existing flex-col gap-2
+              // rhythm; the header sits above the first card of each group
+              // with a faint top divider for visual rest between blocks.
+              let lastGroup: string | null | undefined;
+              const nodes: React.ReactNode[] = [];
+              rows.forEach((row, i) => {
+                const group = mobileGroupBy ? mobileGroupBy(row.original) : undefined;
+                if (mobileGroupBy && group !== lastGroup) {
+                  nodes.push(
+                    <li key={`__group_${group ?? '_none'}_${i}`} className="px-1 pt-3">
+                      <div className="flex items-center gap-3 text-base font-bold tracking-tight text-foreground">
+                        <span>{group ?? 'Other'}</span>
+                        <span aria-hidden className="h-px flex-1 bg-border" />
+                      </div>
+                    </li>,
+                  );
+                  lastGroup = group;
+                }
+                nodes.push(<li key={row.id}>{cardRender(row)}</li>);
+              });
+              return nodes;
+            })()
           )}
         </ul>
       )}