Display notifications for pending client calls and improve data caching

Add an alert component to display pending client calls and adjust query invalidation logic for pending calls.

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

client/src/components/modals/ClientCallsModal.tsx

@@ -33,8 +33,12 @@ export default function ClientCallsModal({ isOpen, onClose, pendingCalls }: Clie
         description: "L'appel a été enregistré avec succès",
       });
       
-      // Invalider les caches
-      queryClient.invalidateQueries({ queryKey: ['/api/customer-orders/pending-calls'] });
+      // Invalider les caches avec la bonne stratégie
+      queryClient.invalidateQueries({ 
+        predicate: (query) => {
+          return query.queryKey[0] === '/api/customer-orders/pending-calls';
+        }
+      });
       queryClient.invalidateQueries({ queryKey: ['/api/customer-orders'] });
     },
     onError: (error, customerOrderId) => {