style: use the proper primary color

apps/edr-freight-web/backoffice/src/components/ruleEngine/ManageRuleEngineOrderDialog.tsx

@@ -333,7 +333,7 @@ const ManageRuleEngineOrderDialog = ({
               Cancel
             </Button>
             <Button
-              color="green"
+              color="edr-green"
               onClick={handleSave}
               disabled={isLoading || isSaving}
               leftSection={

apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineFormDialog.tsx

@@ -240,7 +240,7 @@ const RuleEngineFormDialog = ({
             checked={Boolean(values[field.name])}
             onChange={(e) => setField(field.name, e.currentTarget.checked)}
             size="md"
-            color="green"
+            color="edr-green"
           />
         </Group>
       );
@@ -387,7 +387,7 @@ const RuleEngineFormDialog = ({
                 ) : undefined
               }
               radius="md"
-              color="green"
+              color="edr-green"
               variant="filled"
               fw={600}
               size="md"

apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineToolbar.tsx

@@ -52,7 +52,7 @@ const RuleEngineToolbar = ({
         onChange={(value) => onViewModeChange(value as RuleEngineViewMode)}
         size="sm"
         radius="lg"
-        color="green"
+        color="edr-green"
         data={[
           {
             value: "table",
@@ -101,7 +101,7 @@ const RuleEngineToolbar = ({
           leftSection={<Plus size={18} />}
           size="sm"
           radius="lg"
-          color="green"
+          color="edr-green"
           variant="filled"
           fw={600}
           style={{ whiteSpace: "nowrap" }}

apps/edr-freight-web/backoffice/src/components/ruleEngine/ruleEngineFormat.tsx

@@ -39,7 +39,7 @@ export const formatCell = (value: unknown, format?: ColumnFormat): ReactNode =>
     const active = Boolean(value);
     return (
       <Badge
-        color={active ? "green" : "gray"}
+        color={active ? "edr-green" : "gray"}
         variant={active ? "filled" : "light"}
         size="sm"
         radius="md"
@@ -53,7 +53,7 @@ export const formatCell = (value: unknown, format?: ColumnFormat): ReactNode =>
     const status = String(value);
     const color =
       status === "LIVE"
-        ? "green"
+        ? "edr-green"
         : status === "DRAFT"
           ? "yellow"
           : status === "PENDING_APPROVAL"