Improve calendar display to show more events and provide better user interaction

Update the calendar component to increase the maximum visible items per day from 2 to 4, implement a modal for displaying all daily events, and ensure the "+X others" button is always visible to address production display issues.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: cc2d271b-82f0-4d6a-9302-a0b067ffb429
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/cc2d271b-82f0-4d6a-9302-a0b067ffb429/DlIjsPK

INSTRUCTIONS_PRODUCTION_CALENDRIER.md

@@ -0,0 +1,47 @@
+# Instructions de Mise à Jour du Calendrier en Production
+
+## Problème Identifié
+Le calendrier en production affiche seulement 2 éléments par jour au lieu de 4, et les boutons "+X autres" n'apparaissent pas malgré la logique fonctionnelle (visible dans les logs de la console).
+
+## Solution
+Copier le fichier CalendarGrid.tsx mis à jour vers votre serveur de production.
+
+## Fichier à Copier
+```
+client/src/components/CalendarGrid.tsx
+```
+
+## Changements Principaux
+
+### 1. Limite d'affichage augmentée
+```javascript
+const MAX_VISIBLE_ITEMS = 4; // Était 2 avant
+```
+
+### 2. Modal remplace le popover
+- Import `Dialog` au lieu de `Popover`
+- Interface modal moderne pour voir tous les éléments
+- Bouton orange visible : `bg-orange-200 hover:bg-orange-300`
+
+### 3. Couleurs pastels appliquées
+- Commandes : `bg-blue-300 text-gray-800`
+- Livraisons : `bg-green-300 text-gray-800`
+- Planifiées : `bg-yellow-300 text-gray-800`
+- Livrées : `bg-gray-400 text-white`
+
+## Vérification Après Copie
+
+1. **Teste sur un jour avec plus de 4 éléments**
+2. **Le bouton orange "+X autres" doit apparaître**
+3. **Clic sur le bouton ouvre le modal avec tous les éléments**
+4. **Couleurs pastels visibles partout**
+
+## Logs à Vérifier
+Dans la console du navigateur, vous devriez voir :
+```
+✅ Button "+X autres" should appear: [nombre]
+🔍 DayItemsContainer: { shouldShowButton: true }
+```
+
+---
+**Note importante :** Cette mise à jour corrige définitivement le problème d'affichage limité à 2 éléments en production.