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/berths/berth-list.tsx

@@ -8,6 +8,7 @@ import { FilterBar } from '@/components/shared/filter-bar';
 import { PageHeader } from '@/components/shared/page-header';
 import { SavedViewsDropdown } from '@/components/shared/saved-views-dropdown';
 import { ColumnPicker } from '@/components/shared/column-picker';
+import { Input } from '@/components/ui/input';
 import { EmptyState } from '@/components/shared/empty-state';
 import { usePaginatedQuery } from '@/hooks/use-paginated-query';
 import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation';
@@ -63,11 +64,27 @@ export function BerthList() {
 
       <div className="flex items-center gap-2 flex-wrap">
         <FilterBar
-          filters={berthFilterDefinitions}
+          // Search is hoisted out of the popover into the inline input
+          // below — keeps the daily "find by mooring/area" lookup one
+          // tap away instead of buried behind the Filters dropdown.
+          filters={berthFilterDefinitions.filter((d) => d.key !== 'search')}
           values={filters}
           onChange={setFilter}
           onClear={clearFilters}
         />
+        <Input
+          type="search"
+          inputMode="search"
+          placeholder="Search mooring or area…"
+          aria-label="Search berths"
+          value={(filters.search as string | undefined) ?? ''}
+          onChange={(e) => setFilter('search', e.target.value || undefined)}
+          // flex-1 + min-w-0 lets the input expand to fill the row's
+          // remaining width on mobile (where space is at a premium).
+          // sm:max-w-xs caps it at 320px on desktop so it doesn't grow
+          // absurdly wide on a 2k monitor.
+          className="h-8 min-w-0 flex-1 sm:max-w-xs"
+        />
         <div className="ml-auto flex items-center gap-2">
           <SavedViewsDropdown
             entityType="berths"
@@ -101,6 +118,11 @@ export function BerthList() {
         onRowClick={(row) => router.push(`/${params.portSlug}/berths/${row.id}`)}
         getRowClassName={(row) => mooringLetterTone(row.mooringNumber)}
         cardRender={(row) => <BerthCard berth={row.original} />}
+        // Group adjacent cards by dock letter (area) on mobile — adds a
+        // dim divider + uppercased label above the first card of each
+        // group. Data is already sorted by mooringNumber (A1, A2, …, B1,
+        // B2, …) so consecutive rows naturally share dock letters.
+        mobileGroupBy={(row) => row.area ?? 'Unassigned'}
         emptyState={
           <EmptyState
             icon={Anchor}