test

frontend/src/App.jsx

@@ -48,18 +48,18 @@ function App() {
 
       <NavBar />
 
-      <SidebarInset className="flex min-h-svh flex-col overflow-hidden">
+      <SidebarInset className="flex h-svh flex-col overflow-hidden">
 
         <MobileSidebarTrigger />
 
         {/* Zone restante entre header et footer */}
-        <main className="min-h-0 flex-1">
+        <main className="min-h-0 flex-1 overflow-hidden">
 
           {/* Marges autour de la page */}
           <div className="h-full w-full">
 
             {/* SEULE zone scrollable */}
-            <div className="page-route h-full w-full overflow-y-auto overscroll-contain">
+            <div className="page-route h-full w-full overflow-hidden">
               <Routes>
 
                 <Route

frontend/src/pages/AdminUsersPage.jsx

@@ -172,12 +172,12 @@ const AdminUsersPage = () => {
   }
 
   return (
-    <Card className="page-container page-layout admin-page flex h-full w-full">
+    <Card className="page-container page-layout admin-page h-full w-full">
       <CardHeader className="border-b">
         <CardTitle>Gestion des comptes</CardTitle>
       </CardHeader>
 
-      <CardContent>
+      <CardContent className="overflow-y-auto">
         {error && (
           <Alert variant="destructive" className="mb-4">
             <AlertDescription>{error}</AlertDescription>

frontend/src/pages/HomePage.jsx

@@ -14,7 +14,7 @@ const HomePage = () => {
           <CardTitle>Profil Utilisateur</CardTitle>
         </CardHeader>
 
-        <CardContent>
+        <CardContent overflow-y-auto>
           {user && (
             <div className="space-y-4">
               <div className="flex items-center justify-between">

frontend/src/pages/LoginPage.jsx

@@ -31,7 +31,7 @@ const LoginPage = () => {
 
   return (
     <div className="auth-page page-layout flex h-full w-full">
-      <Card className="flex h-full w-full">
+      <Card className="flex h-full min-h-0 w-full overflow-y-auto">
         <CardHeader className="border-b">
           <CardTitle>Connexion</CardTitle>
         </CardHeader>

frontend/src/pages/RegisterPage.jsx

@@ -78,7 +78,7 @@ const RegisterPage = () => {
 
   return (
     <div className="auth-page page-layout">
-      <Card className="w-full max-w-md mx-auto">
+      <Card className="mx-auto w-full max-w-md overflow-y-auto">
         <CardHeader className="border-b">
           <CardTitle>Créer un compte</CardTitle>
         </CardHeader>

frontend/src/pages/TimeClockPage.jsx

@@ -1587,7 +1587,7 @@ const TimeClockPage = () => {
   ========================================================= */
 
   return (
-    <Card className="flex h-full w-full flex-col">
+    <Card className="flex h-full min-h-0 w-full flex-col">
 
       <CardHeader className="border-b">
         <CardTitle>
@@ -2145,7 +2145,7 @@ const TimeClockPage = () => {
 
           <div className="flex min-w-0 flex-col lg:h-full">
 
-            <Card className="flex h-full flex-col">
+            <Card className="flex h-full flex-col overflow-y-auto">
 
               <CardHeader className="border-b">
                 <CardTitle>
@@ -2158,7 +2158,7 @@ const TimeClockPage = () => {
               </CardHeader>
 
 
-              <CardContent className="flex-1">
+              <CardContent className="flex-1 overflow-y-auto">
 
                 {loading ? (
                   <p>

frontend/src/pages/WeeklySummaryPage.jsx

@@ -1137,7 +1137,7 @@ const WeeklySummaryPage = ({ userId }) => {
 
   return (
     <Card
-      className={`flex h-full w-full weekly-schedule page-layout${
+      className={`flex h-full min-h-0 w-full weekly-schedule page-layout${
         isAdmin
           ? ' multi-user-schedule'
           : ''
@@ -1267,9 +1267,7 @@ const WeeklySummaryPage = ({ userId }) => {
       <CardContent>
         {/* Sélection utilisateur */}
         {isAdmin && (
-          <Card className="mb-4">
-            <CardContent className="space-y-4 pt-0">
-              <div className="flex flex-col gap-3 md:flex-row md:items-center">
+              <div className="flex flex-col gap-3 pb-4 md:flex-row md:items-center">
                 <div className="flex min-w-0 flex-1 items-center gap-2">
                   <label
                     htmlFor="weekly-selected-user"
@@ -1337,8 +1335,6 @@ const WeeklySummaryPage = ({ userId }) => {
                   </span>
                 </label>
               </div>
-            </CardContent>
-          </Card>
         )}
 
         {/* Légende */}
@@ -1385,7 +1381,7 @@ const WeeklySummaryPage = ({ userId }) => {
 
         <div
           ref={scheduleTableRef}
-          className="relative overflow-x-auto overflow-y-hidden rounded-lg border"
+          className="relative overflow-x-auto overflow-y-auto rounded-lg border"
           style={{
             height: `${totalPlanningHeight}px`,
           }}