Improve visual feedback when marking customers as called

Update the UI for the "mark as called" button to include better styling and a tooltip for the customer order page, along with corresponding Tailwind CSS configurations.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 95e8aab4-f39f-4b48-aa57-a759ec15ba3d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/95e8aab4-f39f-4b48-aa57-a759ec15ba3d/TckvSqR

client/src/pages/CustomerOrders.tsx

@@ -890,10 +890,11 @@ export default function CustomerOrders() {
                               variant="outline"
                               size="sm"
                               onClick={() => handleNotificationToggle(order)}
-                              className={order.customerNotified ? "bg-green-100" : ""}
+                              className={order.customerNotified ? "bg-green-600 hover:bg-green-700 text-white border-green-600" : "hover:bg-gray-50"}
+                              title={order.customerNotified ? "Client contacté ✓" : "Cliquer pour marquer comme contacté"}
                             >
                               {order.customerNotified ? (
-                                <PhoneCall className="h-4 w-4" />
+                                <PhoneCall className="h-4 w-4 text-white" />
                               ) : (
                                 <Phone className="h-4 w-4" />
                               )}