feat: implement frontend for calendar integration (Phase 3 & 4)

## Frontend Implementation

### Meeting Selection & Management
- Created MeetingSelection component for choosing between multiple active meetings
- Shows both active meetings and upcoming calendar events (30 min ahead)
- Displays meeting metadata with privacy controls (owner-only details)
- Supports creation of unscheduled meetings alongside calendar meetings

### Waiting Room
- Added waiting page for users joining before scheduled start time
- Shows countdown timer until meeting begins
- Auto-transitions to meeting when calendar event becomes active
- Handles early joining with proper routing

### Meeting Info Panel
- Created collapsible info panel showing meeting details
- Displays calendar metadata (title, description, attendees)
- Shows participant count and duration
- Privacy-aware: sensitive info only visible to room owners

### ICS Configuration UI
- Integrated ICS settings into room configuration dialog
- Test connection functionality with immediate feedback
- Manual sync trigger with detailed results
- Shows last sync time and ETag for monitoring
- Configurable sync intervals (1 min to 1 hour)

### Routing & Navigation
- New /room/{roomName} route for meeting selection
- Waiting room at /room/{roomName}/wait?eventId={id}
- Classic room page at /{roomName} with meeting info
- Uses sessionStorage to pass selected meeting between pages

### API Integration
- Added new endpoints for active/upcoming meetings
- Regenerated TypeScript client with latest OpenAPI spec
- Proper error handling and loading states
- Auto-refresh every 30 seconds for live updates

### UI/UX Improvements
- Color-coded badges for meeting status
- Attendee status indicators (accepted/declined/tentative)
- Responsive design with Chakra UI components
- Clear visual hierarchy between active and upcoming meetings
- Smart truncation for long attendee lists

This completes the frontend implementation for calendar integration,
enabling users to seamlessly join scheduled meetings from their
calendar applications.

www/app/api/schemas.gen.ts

@@ -30,6 +30,108 @@ export const $Body_transcript_record_upload_v1_transcripts__transcript_id__recor
       "Body_transcript_record_upload_v1_transcripts__transcript_id__record_upload_post",
   } as const;
 
+export const $CalendarEventResponse = {
+  properties: {
+    id: {
+      type: "string",
+      title: "Id",
+    },
+    room_id: {
+      type: "string",
+      title: "Room Id",
+    },
+    ics_uid: {
+      type: "string",
+      title: "Ics Uid",
+    },
+    title: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Title",
+    },
+    description: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Description",
+    },
+    start_time: {
+      type: "string",
+      format: "date-time",
+      title: "Start Time",
+    },
+    end_time: {
+      type: "string",
+      format: "date-time",
+      title: "End Time",
+    },
+    attendees: {
+      anyOf: [
+        {
+          items: {
+            additionalProperties: true,
+            type: "object",
+          },
+          type: "array",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Attendees",
+    },
+    location: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Location",
+    },
+    last_synced: {
+      type: "string",
+      format: "date-time",
+      title: "Last Synced",
+    },
+    created_at: {
+      type: "string",
+      format: "date-time",
+      title: "Created At",
+    },
+    updated_at: {
+      type: "string",
+      format: "date-time",
+      title: "Updated At",
+    },
+  },
+  type: "object",
+  required: [
+    "id",
+    "room_id",
+    "ics_uid",
+    "start_time",
+    "end_time",
+    "last_synced",
+    "created_at",
+    "updated_at",
+  ],
+  title: "CalendarEventResponse",
+} as const;
+
 export const $CreateParticipant = {
   properties: {
     speaker: {
@@ -91,6 +193,27 @@ export const $CreateRoom = {
       type: "boolean",
       title: "Is Shared",
     },
+    ics_url: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Ics Url",
+    },
+    ics_fetch_interval: {
+      type: "integer",
+      title: "Ics Fetch Interval",
+      default: 300,
+    },
+    ics_enabled: {
+      type: "boolean",
+      title: "Ics Enabled",
+      default: false,
+    },
   },
   type: "object",
   required: [
@@ -687,6 +810,112 @@ export const $HTTPValidationError = {
   title: "HTTPValidationError",
 } as const;
 
+export const $ICSStatus = {
+  properties: {
+    status: {
+      type: "string",
+      title: "Status",
+    },
+    last_sync: {
+      anyOf: [
+        {
+          type: "string",
+          format: "date-time",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Last Sync",
+    },
+    next_sync: {
+      anyOf: [
+        {
+          type: "string",
+          format: "date-time",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Next Sync",
+    },
+    last_etag: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Last Etag",
+    },
+    events_count: {
+      type: "integer",
+      title: "Events Count",
+      default: 0,
+    },
+  },
+  type: "object",
+  required: ["status"],
+  title: "ICSStatus",
+} as const;
+
+export const $ICSSyncResult = {
+  properties: {
+    status: {
+      type: "string",
+      title: "Status",
+    },
+    hash: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Hash",
+    },
+    events_found: {
+      type: "integer",
+      title: "Events Found",
+      default: 0,
+    },
+    events_created: {
+      type: "integer",
+      title: "Events Created",
+      default: 0,
+    },
+    events_updated: {
+      type: "integer",
+      title: "Events Updated",
+      default: 0,
+    },
+    events_deleted: {
+      type: "integer",
+      title: "Events Deleted",
+      default: 0,
+    },
+    error: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Error",
+    },
+  },
+  type: "object",
+  required: ["status"],
+  title: "ICSSyncResult",
+} as const;
+
 export const $Meeting = {
   properties: {
     id: {
@@ -950,6 +1179,50 @@ export const $Room = {
       type: "boolean",
       title: "Is Shared",
     },
+    ics_url: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Ics Url",
+    },
+    ics_fetch_interval: {
+      type: "integer",
+      title: "Ics Fetch Interval",
+      default: 300,
+    },
+    ics_enabled: {
+      type: "boolean",
+      title: "Ics Enabled",
+      default: false,
+    },
+    ics_last_sync: {
+      anyOf: [
+        {
+          type: "string",
+          format: "date-time",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Ics Last Sync",
+    },
+    ics_last_etag: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Ics Last Etag",
+    },
   },
   type: "object",
   required: [
@@ -1294,54 +1567,139 @@ export const $UpdateParticipant = {
 export const $UpdateRoom = {
   properties: {
     name: {
-      type: "string",
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Name",
     },
     zulip_auto_post: {
-      type: "boolean",
+      anyOf: [
+        {
+          type: "boolean",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Zulip Auto Post",
     },
     zulip_stream: {
-      type: "string",
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Zulip Stream",
     },
     zulip_topic: {
-      type: "string",
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Zulip Topic",
     },
     is_locked: {
-      type: "boolean",
+      anyOf: [
+        {
+          type: "boolean",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Is Locked",
     },
     room_mode: {
-      type: "string",
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Room Mode",
     },
     recording_type: {
-      type: "string",
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Recording Type",
     },
     recording_trigger: {
-      type: "string",
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Recording Trigger",
     },
     is_shared: {
-      type: "boolean",
+      anyOf: [
+        {
+          type: "boolean",
+        },
+        {
+          type: "null",
+        },
+      ],
       title: "Is Shared",
     },
+    ics_url: {
+      anyOf: [
+        {
+          type: "string",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Ics Url",
+    },
+    ics_fetch_interval: {
+      anyOf: [
+        {
+          type: "integer",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Ics Fetch Interval",
+    },
+    ics_enabled: {
+      anyOf: [
+        {
+          type: "boolean",
+        },
+        {
+          type: "null",
+        },
+      ],
+      title: "Ics Enabled",
+    },
   },
   type: "object",
-  required: [
-    "name",
-    "zulip_auto_post",
-    "zulip_stream",
-    "zulip_topic",
-    "is_locked",
-    "room_mode",
-    "recording_type",
-    "recording_trigger",
-    "is_shared",
-  ],
   title: "UpdateRoom",
 } as const;