style: reduce horizontal padding on fleet dashboards

Add px="lg" (24px) to all Container components:
- FleetDashboard
- FuelPurchasePage
- FuelStatsPage
- MaintenancePage
- FinancialReportsPage
- TrackingPage

Reduces left/right padding from default to 24px,
making better use of horizontal screen space.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

apps/edr-freight-web/backoffice/src/pages/fleet/FinancialReportsPage.tsx

@@ -91,7 +91,7 @@ export function FinancialReportsPage() {
   );
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Stack gap="md">
       <Card>
         <Card.Section p="md" withBorder>

apps/edr-freight-web/backoffice/src/pages/fleet/FleetDashboard.tsx

@@ -131,7 +131,7 @@ export function FleetDashboard() {
   const fuelPercent = operatingCost > 0 ? Math.round((metrics.totalFuelSpend / operatingCost) * 100) : 0;
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Dashboard' }]} />
 
       <Box mb="xl">

apps/edr-freight-web/backoffice/src/pages/fleet/FuelPurchasePage.tsx

@@ -119,7 +119,7 @@ export default function FuelPurchasePage() {
   const totalCost = formData.liters * formData.costPerLiter;
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Record Purchase" }]} />
 
       <Group justify="space-between" mb="lg">

apps/edr-freight-web/backoffice/src/pages/fleet/FuelStatsPage.tsx

@@ -57,7 +57,7 @@ export default function FuelStatsPage() {
     : "—";
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Statistics" }]} />
 
       <Group justify="space-between" mb="lg">

apps/edr-freight-web/backoffice/src/pages/fleet/MaintenancePage.tsx

@@ -87,7 +87,7 @@ export function MaintenancePage() {
   };
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Stack gap="md">
       <Card>
         <Card.Section p="md" withBorder>

apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx

@@ -72,7 +72,7 @@ export function TrackingPage() {
   });
 
   return (
-    <Container size="xl" py="xl">
+    <Container size="xl" py="xl" px="lg">
       <Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Vehicle Tracking' }]} />
 
       <Stack gap="xl">