VSN-2545 — RH Calendar & RDV Annuel UI redesign (!1190) · Requêtes de fusion · adanev / vsn / vsn-backoffice-front

yahya.elmokhtari a demandé de fusionner VSN-2545 vers develop avr. 01, 2026

Summary

Toolbar (schedule-toolbar.tsx): Full migration from MUI (IconButton, Select, MenuItem, Popover, FontAwesome icons) to shadcn/Tailwind. Glass-morphic toolbar with backdrop-blur-xl, ElasticSlider for zoom control, shadcn Select for view switching, Lucide React icons (ChevronLeft, ChevronRight, RefreshCw, Printer, ZoomIn). Responsive layout with column stacking on mobile.
Calendar grid (calendar-styles.ts): Dark purple #362E74 weekday headers with white text, rounded container with subtle purple border and shadow. Colorful events with nth-child gradients (purple, blue, teal, pink, orange). Responsive breakpoints for mobile (smaller fonts, reduced padding). Day cells with hover effects and today highlight using primary purple.
Event details (event-details-dialog.tsx): Migrated from MUI Drawer to Tailwind slide-in panel matching the planning vehicle pattern. Animated panel with backdrop blur, purple accent header, structured info grid with Lucide icons.
Page container (page.tsx): Replaced MUI Container/Snackbar with Tailwind layout + Sonner toasts.

Toolbar (schedule-toolbar.tsx): Full redesign matching the planning vehicle toolbar pattern. Glass-morphic bar with ElasticSlider zoom, shadcn Select, Lucide icons, date picker popover.
Calendar styles (styles.ts): Updated CalendarGlobalStyles with dark purple #362E74 headers, increased cell heights for better readability, colorful events with gradients, responsive breakpoints.
Appointment form (appointment-new-view.tsx): Migrated to shadcn with 3 purple section cards: Rendez-vous, Informations médicales, Planification. Progressive left border colors (#DBD7F9 → #C4BEF5 → #A89DF0), animate-section-in with staggered delays. Uses FormField, FormContainer, ActionButtons.
Appointment view (appointment-view.tsx): Updated CalendarHeader spacing, added loading animation.