feat(admin/stops): editorial redesign + calendar/route view

Reimagine the admin stops surface under a 'Harvest Almanac' editorial
direction. Establishes the type system (Fraunces serif display, Geist
sans, JetBrains Mono numerics) loaded via next/font, and a compact
modal pattern used across the new components.

Stop modal (AddStopModal)
- Compact 2-col grid: City|State, Date|Time, Address|ZIP|Cutoff
- Status replaced with slim segmented control (Draft / Publish Now)
- Tighter inputs (36px), single-line footer with Esc hint
- Auto-focus on City field, reactive submit label

GlassModal
- New 'compact' prop: tighter padding, eyebrow text, no accent bar,
  capped max-height for dense forms

Stop product assignment (StopProductAssignment)
- Reimagine the <select> dropdown as an editorial card-grid picker
- Big Fraunces numeral + small-caps eyebrow showing live count
- Click-to-toggle assign/remove; green check for assigned, red X on
  hover-to-remove intent
- Search + filter chips (All / Available / On this stop) with
  mono counters
- '/' keyboard shortcut focuses search
- Summary footer with 'Remove all' action

Stops page
- New StopsViewClient wrapper with shared search/status filter and
  Calendar/Table view toggle (default = Calendar)
- New StopsCalendarClient: month grid almanac with editorial header,
  color-coded event chips, today highlight, prev/next/Today nav
- Event popover with auto-edge-detection positioning, full stop
  details, Publish/View Route/Edit actions
- Day-route drawer: slides in from right with route spine (numbered
  markers + connecting hairline), 3-card summary (stops/live/brands),
  per-stop Publish/Edit/Duplicate actions
- StopsTableClient refactored to accept hideInternalFilterBar prop
  so the wrapper can own shared filtering

Design tokens
- New utility classes in admin-design-system.css: ha-display,
  ha-eyebrow, ha-field, ha-segment, ha-picker, ha-product-card,
  ha-calendar, ha-event-popover, ha-drawer, ha-route-stop, etc.
- All uses CSS variables (--font-fraunces, --font-geist,
  --font-jetbrains-mono) so the type system cascades

src/app/admin/stops/page.tsx

@@ -1,4 +1,5 @@
-import StopTableClient from "@/components/admin/StopTableClient";
+import StopsViewClient from "@/components/admin/StopsViewClient";
+import StopsHeaderActions from "@/components/admin/StopsHeaderActions";
 import LocationsTab from "@/components/admin/LocationsTab";
 import StopsLocationsTabs from "@/components/admin/StopsLocationsTabs";
 import StatsStrip from "@/components/admin/StatsStrip";
@@ -133,6 +134,11 @@ export default async function AdminStopsPage({ searchParams }: PageProps) {
             icon={<StopIcon />}
             title="Stops & Routes"
             subtitle={subtitle}
+            actions={
+              <StopsHeaderActions
+                brandId={activeBrandId ?? adminUser?.brand_id ?? ""}
+              />
+            }
           />
           <div className="mt-3 ml-[52px]">
             <StatsStrip
@@ -155,7 +161,7 @@ export default async function AdminStopsPage({ searchParams }: PageProps) {
             />
             <TabSwitcher tabKey={tab}>
               {tab === "stops" ? (
-                <StopTableClient stops={safeStops} />
+                <StopsViewClient stops={safeStops} />
               ) : (
                 <LocationsTab locations={locations} brandId={adminUser?.brand_id ?? ""} />
               )}