Added more Responsive to Mobile Device

components/CalendrierPageContent.tsx

@@ -14,7 +14,7 @@ export default function CalendrierPageContent() {
   };
 
   return (
-    <div className="flex flex-col gap-6 sm:gap-8">
+    <div className="flex flex-col gap-6 sm:gap-8 min-w-0">
       {/* En-tête avec titre et bouton */}
       <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-2">
         <div>
@@ -37,12 +37,12 @@ export default function CalendrierPageContent() {
       </div>
 
       {/* Calendrier en haut */}
-      <div>
+      <div className="min-w-0 overflow-hidden">
         <CalendrierTrajets refreshTrigger={refreshTrigger} />
       </div>
 
       {/* Liste des trajets en bas, triable par période */}
-      <div>
+      <div className="min-w-0 overflow-hidden">
         <ListeTrajets onTrajetCreated={handleTrajetCreated} hideNewTrajetButton />
       </div>