feat: rewrite bootstrap, fix CloudKit sync, update canonical data, and UI fixes

- Rewrite BootstrapService: remove all legacy code paths (JSONStadium,
  JSONGame, bootstrapStadiumsLegacy, bootstrapGamesLegacy, venue aliases,
  createDefaultLeagueStructure), require canonical JSON files only
- Add clearCanonicalData() to handle partial bootstrap recovery (prevents
  duplicate key crashes from interrupted first-launch)
- Fix nullable stadium_canonical_id in games (4 MLS games have null)
- Fix CKModels: logoUrl case, conference/division field keys
- Fix CanonicalSyncService: sync conferenceCanonicalId/divisionCanonicalId
- Add sports_canonical.json and DemoMode.swift
- Delete legacy stadiums.json and games.json
- Update all canonical resource JSON files with latest data
- Fix TripWizardView horizontal scrolling with GeometryReader constraint
- Update RegionMapSelector, TripDetailView, TripOptionsView UI improvements
- Add DateRangePicker, PlanningModeStep, SportsStep enhancements
- Update UI tests and marketing-videos config

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

SportsTime/Features/Trip/Views/Wizard/Steps/DateRangePicker.swift

@@ -11,9 +11,11 @@ struct DateRangePicker: View {
     @Binding var startDate: Date
     @Binding var endDate: Date
     @Environment(\.colorScheme) private var colorScheme
+    @Environment(\.isDemoMode) private var isDemoMode
 
     @State private var displayedMonth: Date = Date()
     @State private var selectionState: SelectionState = .none
+    @State private var hasAppliedDemoSelection = false
 
     enum SelectionState {
         case none
@@ -89,6 +91,24 @@ struct DateRangePicker: View {
             if endDate > startDate {
                 selectionState = .complete
             }
+
+            // Demo mode: auto-select dates
+            if isDemoMode && !hasAppliedDemoSelection {
+                hasAppliedDemoSelection = true
+                DispatchQueue.main.asyncAfter(deadline: .now() + DemoConfig.selectionDelay) {
+                    withAnimation(.easeInOut(duration: 0.3)) {
+                        // Navigate to demo month
+                        displayedMonth = DemoConfig.demoStartDate
+                    }
+                }
+                DispatchQueue.main.asyncAfter(deadline: .now() + DemoConfig.selectionDelay + 0.5) {
+                    withAnimation(.easeInOut(duration: 0.3)) {
+                        startDate = DemoConfig.demoStartDate
+                        endDate = DemoConfig.demoEndDate
+                        selectionState = .complete
+                    }
+                }
+            }
         }
         .onChange(of: startDate) { oldValue, newValue in
             // Navigate calendar to show the new month when startDate changes externally
@@ -159,12 +179,14 @@ struct DateRangePicker: View {
                     .background(Theme.warmOrange.opacity(0.15))
                     .clipShape(Circle())
             }
+            .accessibilityIdentifier("wizard.dates.previousMonth")
 
             Spacer()
 
             Text(monthYearString)
                 .font(.headline)
                 .foregroundStyle(Theme.textPrimary(colorScheme))
+                .accessibilityIdentifier("wizard.dates.monthLabel")
 
             Spacer()
 
@@ -180,6 +202,7 @@ struct DateRangePicker: View {
                     .background(Theme.warmOrange.opacity(0.15))
                     .clipShape(Circle())
             }
+            .accessibilityIdentifier("wizard.dates.nextMonth")
         }
     }
 
@@ -287,6 +310,12 @@ struct DayCell: View {
         calendar.startOfDay(for: date) < calendar.startOfDay(for: Date())
     }
 
+    private var accessibilityId: String {
+        let formatter = DateFormatter()
+        formatter.dateFormat = "yyyy-MM-dd"
+        return "wizard.dates.day.\(formatter.string(from: date))"
+    }
+
     var body: some View {
         Button(action: onTap) {
             ZStack {
@@ -330,6 +359,7 @@ struct DayCell: View {
                 .frame(width: 36, height: 36)
             }
         }
+        .accessibilityIdentifier(accessibilityId)
         .buttonStyle(.plain)
         .disabled(isPast)
         .frame(height: 40)

SportsTime/Features/Trip/Views/Wizard/Steps/PlanningModeStep.swift

@@ -9,6 +9,7 @@ import SwiftUI
 
 struct PlanningModeStep: View {
     @Environment(\.colorScheme) private var colorScheme
+    @Environment(\.isDemoMode) private var isDemoMode
     @Binding var selection: PlanningMode?
 
     var body: some View {
@@ -35,6 +36,15 @@ struct PlanningModeStep: View {
             RoundedRectangle(cornerRadius: Theme.CornerRadius.large)
                 .stroke(Theme.surfaceGlow(colorScheme), lineWidth: 1)
         }
+        .onAppear {
+            if isDemoMode && selection == nil {
+                DispatchQueue.main.asyncAfter(deadline: .now() + DemoConfig.selectionDelay) {
+                    withAnimation(.easeInOut(duration: 0.3)) {
+                        selection = DemoConfig.demoPlanningMode
+                    }
+                }
+            }
+        }
     }
 }
 
@@ -80,6 +90,7 @@ private struct WizardModeCard: View {
                     .stroke(isSelected ? Theme.warmOrange : Theme.textMuted(colorScheme).opacity(0.3), lineWidth: isSelected ? 2 : 1)
             )
         }
+        .accessibilityIdentifier("wizard.planningMode.\(mode.rawValue)")
         .buttonStyle(.plain)
     }
 }

SportsTime/Features/Trip/Views/Wizard/Steps/ReviewStep.swift

@@ -84,6 +84,7 @@ struct ReviewStep: View {
                 .foregroundStyle(.white)
                 .clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.large))
             }
+            .accessibilityIdentifier("wizard.planTripButton")
             .disabled(!canPlanTrip || isPlanning)
         }
         .padding(Theme.Spacing.lg)

SportsTime/Features/Trip/Views/Wizard/Steps/SportsStep.swift

@@ -9,10 +9,12 @@ import SwiftUI
 
 struct SportsStep: View {
     @Environment(\.colorScheme) private var colorScheme
+    @Environment(\.isDemoMode) private var isDemoMode
     @Binding var selectedSports: Set<Sport>
     let sportAvailability: [Sport: Bool]
     let isLoading: Bool
     let canSelectSport: (Sport) -> Bool
+    @State private var hasAppliedDemoSelection = false
 
     private let columns = [
         GridItem(.flexible()),
@@ -54,6 +56,16 @@ struct SportsStep: View {
             RoundedRectangle(cornerRadius: Theme.CornerRadius.large)
                 .stroke(Theme.surfaceGlow(colorScheme), lineWidth: 1)
         }
+        .onAppear {
+            if isDemoMode && !hasAppliedDemoSelection && selectedSports.isEmpty {
+                hasAppliedDemoSelection = true
+                DispatchQueue.main.asyncAfter(deadline: .now() + DemoConfig.selectionDelay) {
+                    withAnimation(.easeInOut(duration: 0.3)) {
+                        _ = selectedSports.insert(DemoConfig.demoSport)
+                    }
+                }
+            }
+        }
     }
 
     private func toggleSport(_ sport: Sport) {
@@ -100,6 +112,7 @@ private struct SportCard: View {
                     .stroke(borderColor, lineWidth: isSelected ? 2 : 1)
             )
         }
+        .accessibilityIdentifier("wizard.sports.\(sport.rawValue.lowercased())")
         .buttonStyle(.plain)
         .opacity(isAvailable ? 1.0 : 0.5)
         .disabled(!isAvailable)

SportsTime/Features/Trip/Views/Wizard/TripWizardView.swift

@@ -27,7 +27,8 @@ struct TripWizardView: View {
 
     var body: some View {
         NavigationStack {
-            ScrollView {
+            GeometryReader { geometry in
+              ScrollView(.vertical) {
                 VStack(spacing: Theme.Spacing.lg) {
                     // Step 1: Planning Mode (always visible)
                     PlanningModeStep(selection: $viewModel.planningMode)
@@ -131,7 +132,9 @@ struct TripWizardView: View {
                     }
                 }
                 .padding(Theme.Spacing.md)
+                .frame(width: geometry.size.width)
                 .animation(.easeInOut(duration: 0.2), value: viewModel.areStepsVisible)
+              }
             }
             .themedBackground()
             .navigationTitle("Plan a Trip")