style: use the proper primary color

apps/edr-freight-web/backoffice/src/components/warehouses/FeePreviewModal.tsx

@@ -15,7 +15,7 @@ const INVOICE_STATUS_COLOR: Record<WarehouseInvoiceStatus, string> = {
   DRAFT: 'gray',
   ISSUED: 'orange',
   PARTIALLY_PAID: 'yellow',
-  PAID: 'green',
+  PAID: 'edr-green',
   CANCELLED: 'gray',
 };
 
@@ -175,7 +175,7 @@ export function FeePreviewModal({ opened, onClose, inventoryId }: FeePreviewModa
 
           <Button
             variant="light"
-            color="green"
+            color="edr-green"
             leftSection={<DoorOpen size={16} />}
             loading={gateClear.isPending}
             onClick={handleGateClearance}

apps/edr-freight-web/backoffice/src/components/warehouses/InspectionReportModal.tsx

@@ -205,7 +205,7 @@ export function InspectionReportModal({ opened, onClose, inventoryId }: Inspecti
         <Button variant="default" onClick={onClose} disabled={submitting}>
           Cancel
         </Button>
-        <Button color="green" onClick={handleSubmit} loading={submitting} disabled={!inventoryId}>
+        <Button color="edr-green" onClick={handleSubmit} loading={submitting} disabled={!inventoryId}>
           Save report
         </Button>
       </Group>

apps/edr-freight-web/backoffice/src/components/warehouses/WarehouseInventoryTable.tsx

@@ -30,7 +30,7 @@ const actionColor: Record<InventoryAction, string> = {
   reserve: 'grape',
   'ready-for-loading': 'cyan',
   load: 'teal',
-  dispatch: 'green',
+  dispatch: 'edr-green',
 };
 
 export function WarehouseInventoryTable({

apps/edr-freight-web/backoffice/src/components/warehouses/badges.tsx

@@ -25,7 +25,7 @@ export function WarehouseTypeBadge({ type }: { type: WarehouseType }) {
 }
 
 export function WarehouseStatusBadge({ status }: { status: WarehouseStatus }) {
-  const color = status === 'ACTIVE' ? 'green' : 'gray';
+  const color = status === 'ACTIVE' ? 'edr-green' : 'gray';
   return (
     <Badge color={color} variant="light" size="sm" radius="md" tt="uppercase" fw={600} style={badgeStyle}>
       {status}
@@ -39,7 +39,7 @@ const inventoryStatusColor: Record<InventoryStatus, string> = {
   RESERVED: 'grape',
   READY_FOR_LOADING: 'cyan',
   LOADED: 'teal',
-  DISPATCHED: 'green',
+  DISPATCHED: 'edr-green',
 };
 
 export function InventoryStatusBadge({ status }: { status: InventoryStatus }) {