Integrate LiveKit SFU and harden booking workflow

components/booking/PersonalCalendar.tsx

@@ -4,13 +4,11 @@ import { useState } from "react";
 import { MonthCalendar, type CalendarMarker } from "./MonthCalendar";
 import { BookingCard } from "./BookingCard";
 import { resolveDisplayStatus } from "./BookingStatusBadge";
-import type { BookingRequest } from "@/payload-types";
+import type { BookingRequest, MeetingSetting } from "@/payload-types";
+import { berlinDateKey } from "@/lib/calendar/timezone";
+import { getBookingMeetingStatus } from "@/lib/booking/meetingAccess";
 
-function dateKey(d: Date) {
-  return d.toISOString().slice(0, 10);
-}
-
-export function PersonalCalendar({ bookings }: { bookings: BookingRequest[] }) {
+export function PersonalCalendar({ bookings, meetingSettings }: { bookings: BookingRequest[]; meetingSettings: MeetingSetting }) {
   const [selectedDay, setSelectedDay] = useState<Date | null>(null);
 
   const markers: CalendarMarker[] = bookings.map((b) => ({
@@ -19,7 +17,7 @@ export function PersonalCalendar({ bookings }: { bookings: BookingRequest[] }) {
   }));
 
   const selectedBookings = selectedDay
-    ? bookings.filter((b) => dateKey(new Date(b.date)) === dateKey(selectedDay))
+    ? bookings.filter((b) => berlinDateKey(new Date(b.date)) === berlinDateKey(selectedDay))
     : [];
 
   return (
@@ -30,7 +28,7 @@ export function PersonalCalendar({ bookings }: { bookings: BookingRequest[] }) {
           selectedBookings.length > 0 ? (
             <div className="space-y-4">
               {selectedBookings.map((b) => (
-                <BookingCard key={b.id} booking={b} />
+                <BookingCard key={b.id} booking={b} meetingStatus={getBookingMeetingStatus(b, meetingSettings)} />
               ))}
             </div>
           ) : (