New booking panel

apps/frontend/src/features/booking/components/booking-header.tsx

@@ -0,0 +1,18 @@
+import { useBooking } from '../booking-provider';
+
+export function BookingHeader() {
+  const { complex } = useBooking();
+
+  return (
+    <section>
+      <div>
+        <h1 className="text-3xl font-semibold tracking-normal text-foreground">
+          Panel de Reservas
+        </h1>
+        <p className="mt-2 text-sm text-muted-foreground">
+          Gestiona las canchas de {complex.complexName}
+        </p>
+      </div>
+    </section>
+  );
+}