Modernize the calendar interface with new styling and animations

Refactors CalendarGrid.tsx to implement a completely new, modern UI with gradient backgrounds, refined animations, and updated status indicators for orders and deliveries.

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/Dqk6uUO

client/src/index.css

@@ -351,3 +351,32 @@ button[data-day-weekend="true"],
 .dark .rdp-day[data-day-weekend="true"] {
   background-color: #1f2937 !important;
 }
+
+/* Nouvelles couleurs pour le calendrier moderne */
+.bg-gray-25 {
+  background-color: #fafafa;
+}
+
+.bg-slate-25 {
+  background-color: #f8fafc;
+}
+
+.hover\:from-gray-25:hover {
+  --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.hover\:to-slate-25:hover {
+  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
+}
+
+.hover\:from-slate-50:hover {
+  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.hover\:to-gray-50:hover {
+  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
+}