style: use the proper primary color

apps/edr-freight-web/backoffice/src/components/bookings/ApprovalStepsCard.tsx

@@ -68,7 +68,7 @@ export function ApprovalStepsCard({ booking, mutations }: ApprovalStepsCardProps
         icon={ShieldCheck}
         title="Approval chain"
         extra={
-          <Badge color="green" variant="light" radius="sm">
+          <Badge color="edr-green" variant="light" radius="sm">
             {steps.filter((s) => s.status === "APPROVED").length}/{steps.length}
           </Badge>
         }
@@ -144,11 +144,11 @@ function StepRow({
   const canApprove = canActOnApprovalStep(user, step, steps);
   const statusColor =
     step.status === "APPROVED"
-      ? "green"
+      ? "edr-green"
       : step.status === "REJECTED"
         ? "red"
         : isNext
-          ? "green"
+          ? "edr-green"
           : "gray";
 
   return (
@@ -200,7 +200,7 @@ function StepRow({
         {canApprove && (
           <Button
             size="compact-sm"
-            color="green"
+            color="edr-green"
             leftSection={<Check size={14} />}
             disabled={isPending}
             onClick={() => onApprove(step)}