feat: integrate FullCalendar for booking management and add booking dashboard

- Added FullCalendar component to display bookings in a calendar view.
- Implemented BookingDashboardTab to show summary statistics including bookings today, revenue, checked-in guests, and outstanding payments.
- Created BookingInvoicesTab to manage and display booking payment receipts separately from membership invoices.
- Enhanced AdhocBookingTab to allow selection of existing members for guest bookings.
- Updated BookingRosterTab to include payment methods and improved UI for guest identification.
- Introduced new API endpoints for fetching booking invoices and dashboard summaries.
- Updated models to support new features including payment methods and invoice structures.

src/components/hexa/views/bookings-view.tsx

@@ -49,6 +49,8 @@ import { PageHeader } from "@/components/hexa/page-header"
 import { PageSkeleton } from "@/components/hexa/page-skeleton"
 import { StatusBadge } from "@/components/hexa/status-badge"
 import { AdhocBookingTab } from "@/components/hexa/views/adhoc-booking-tab"
+import { BookingDashboardTab } from "@/components/hexa/views/booking-dashboard-tab"
+import { BookingInvoicesTab } from "@/components/hexa/views/booking-invoices-tab"
 import { BookingRosterTab } from "@/components/hexa/views/booking-roster-tab"
 import { RfidTagsTab } from "@/components/hexa/views/rfid-tags-tab"
 import { TimeBankCardsTab } from "@/components/hexa/views/time-bank-cards-tab"
@@ -80,18 +82,23 @@ function BookingsView() {
     <div className="flex flex-col gap-4">
       <PageHeader
         title="Bookings"
-        description="Scheduled sessions, ad-hoc reservations, the booking roster, RFID tags and time-bank cards"
+        description="Dashboard, scheduled sessions, ad-hoc reservations, the booking roster, invoices, RFID tags and time-bank cards"
       />
 
-      <Tabs defaultValue="sessions" className="gap-4">
+      <Tabs defaultValue="dashboard" className="gap-4">
         <TabsList>
+          <TabsTrigger value="dashboard">Dashboard</TabsTrigger>
           <TabsTrigger value="sessions">Sessions</TabsTrigger>
           <TabsTrigger value="adhoc">Book Now</TabsTrigger>
           <TabsTrigger value="roster">Roster &amp; Check-in</TabsTrigger>
+          <TabsTrigger value="invoices">Invoices</TabsTrigger>
           <TabsTrigger value="rfid-tags">RFID Tags</TabsTrigger>
           <TabsTrigger value="time-bank-cards">Time Bank Cards</TabsTrigger>
         </TabsList>
 
+        <TabsContent value="dashboard">
+          <BookingDashboardTab />
+        </TabsContent>
         <TabsContent value="sessions">
           <SessionsTab facilities={facilities} />
         </TabsContent>
@@ -101,6 +108,9 @@ function BookingsView() {
         <TabsContent value="roster">
           <BookingRosterTab facilities={facilities} />
         </TabsContent>
+        <TabsContent value="invoices">
+          <BookingInvoicesTab />
+        </TabsContent>
         <TabsContent value="rfid-tags">
           <RfidTagsTab />
         </TabsContent>