Add a thin grey border around validation icons

Apply a border to various check and check circle icons across different modals and pages to visually distinguish them.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: b163d4c0-de5e-4f4e-a9c0-aed4c7049718
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/b163d4c0-de5e-4f4e-a9c0-aed4c7049718/93Mucz1

client/src/components/modals/ValidateDeliveryModal.tsx

@@ -108,7 +108,7 @@ export default function ValidateDeliveryModal({
       <DialogContent className="sm:max-w-md" aria-describedby="validate-delivery-modal-description">
         <DialogHeader>
           <DialogTitle className="flex items-center space-x-2">
-            <Check className="w-5 h-5 text-green-600" />
+            <Check className="w-5 h-5 text-green-600 border border-gray-300 rounded p-0.5" />
             <span>Valider la livraison</span>
           </DialogTitle>
           <p id="validate-delivery-modal-description" className="text-sm text-gray-600 mt-1">
@@ -182,7 +182,7 @@ export default function ValidateDeliveryModal({
                 disabled={validateDeliveryMutation.isPending}
                 className="bg-green-600 hover:bg-green-700"
               >
-                <Check className="w-4 h-4 mr-2" />
+                <Check className="w-4 h-4 mr-2 border border-gray-300 rounded p-0.5" />
                 {validateDeliveryMutation.isPending ? "Validation..." : "Valider livraison"}
               </Button>
             </div>