New booking panel

apps/frontend/src/features/booking/booking.tsx

@@ -0,0 +1,28 @@
+import type { ComplexWithRole } from '@repo/api-contract';
+import { BookingProvider } from './booking-provider';
+import { BookingCreateDialog } from './components/booking-create-dialog';
+import { BookingDaySummary, BookingQuickActions } from './components/booking-day-summary';
+import { BookingHeader } from './components/booking-header';
+import { BookingTimeline } from './components/booking-timeline';
+import { BookingToolbar } from './components/booking-toolbar';
+
+interface BookingProps {
+  complex: ComplexWithRole;
+}
+
+export function Booking({ complex }: BookingProps) {
+  return (
+    <BookingProvider complex={complex}>
+      <div className="flex flex-col gap-5">
+        <BookingHeader />
+        <BookingToolbar />
+        <BookingTimeline />
+        <div className="grid gap-5 xl:grid-cols-4">
+          <BookingDaySummary />
+          <BookingQuickActions />
+        </div>
+      </div>
+      <BookingCreateDialog />
+    </BookingProvider>
+  );
+}