feat: ( dashboard ) add booking charts

apps/edr-passenger-web/backoffice/src/app/dashboard/page.tsx

@@ -12,6 +12,7 @@ import {
   ScanLine,
 } from "lucide-react";
 import { dashboardApi } from "@/lib/api/dashboard";
+import DashboardBookingCharts from "@/components/dashboard/DashboardBookingCharts";
 import { apiClient } from "@/lib/api-client";
 import { formatCurrency } from "@/lib/utils";
 import { PieChart, Pie, Cell, Tooltip, ResponsiveContainer } from "recharts";
@@ -322,6 +323,9 @@ function DashboardPageContent() {
         </div>
       </div>
 
+      {/* Booking charts — self-contained; degrades to a single line if its endpoint fails. */}
+      <DashboardBookingCharts />
+
       {/* Revenue breakdown */}
       <div className="card">
         <h2 className="text-sm font-semibold uppercase tracking-widest text-muted-foreground mb-4">