style: WIP ui updates

apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleBookingsStep.tsx

@@ -1,4 +1,3 @@
-import { ArrowRight, Package, Train } from "lucide-react";
 import {
   Badge,
   Button,
@@ -8,6 +7,7 @@ import {
   Tabs,
   Text,
 } from "@mantine/core";
+import { ArrowRight, Package, Train } from "lucide-react";
 
 import type { EligibleContainerBooking, FreightType } from "@/types/trainScheduling";
 

apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleStatusBadge.tsx

@@ -3,7 +3,7 @@ import { Badge } from "@mantine/core";
 const STATUS_COLORS: Record<string, string> = {
   DRAFT: "gray",
   SCHEDULED: "blue",
-  DISPATCHED: "green",
+  DISPATCHED: "edr-green",
   ARRIVED: "teal",
   CANCELLED: "red",
 };
@@ -34,7 +34,7 @@ export function SchedulingStatusBadge({ status }: { status?: string | null }) {
     HOLDING: "yellow",
     ELIGIBLE: "blue",
     SCHEDULED: "indigo",
-    DISPATCHED: "green",
+    DISPATCHED: "edr-green",
   };
   return (
     <Badge variant="light" color={colors[status] ?? "gray"} size="sm">

apps/edr-freight-web/backoffice/src/components/trainScheduling/scheduleVisuals.tsx

@@ -32,7 +32,7 @@ const STATUS_META: Record<
   { color: string; dot: string; label?: string }
 > = {
   DRAFT: { color: "gray", dot: "var(--mantine-color-gray-5)" },
-  SCHEDULED: { color: "green", dot: freightBrand.primary },
+  SCHEDULED: { color: "edr-green", dot: freightBrand.primary },
   DISPATCHED: { color: "teal", dot: "var(--mantine-color-teal-6)" },
   ARRIVED: { color: "blue", dot: "var(--mantine-color-blue-6)" },
   CANCELLED: { color: "red", dot: "var(--mantine-color-red-6)" },