Merge pull request #62 from R0m1k3/1.1

Improve scrolling behavior on pages with large data tables

client/src/pages/CustomerOrders.tsx

@@ -674,7 +674,7 @@ export default function CustomerOrders() {
   } = usePagination(sortedOrders, 10);
 
   return (
-    <div className="flex-1 overflow-y-auto">
+    <div className="flex-1">
       <div className="p-6 space-y-6">
       {/* Header */}
       <div className="bg-white border-b border-gray-200 p-6 shadow-sm -m-6 mb-6">
@@ -753,7 +753,8 @@ export default function CustomerOrders() {
           {isLoading ? (
             <div>Chargement...</div>
           ) : (
-            <Table>
+            <div className="max-h-96 overflow-y-auto">
+              <Table>
               <TableHeader>
                 <TableRow>
                   <TableHead>Client</TableHead>
@@ -867,6 +868,7 @@ export default function CustomerOrders() {
                 ))}
               </TableBody>
             </Table>
+            </div>
           )}
           
           {/* Pagination */}

client/src/pages/Dashboard.tsx

@@ -218,7 +218,7 @@ export default function Dashboard() {
   };
 
   return (
-    <div className="flex-1 overflow-y-auto">
+    <div className="flex-1">
       <div className="p-6 space-y-6">
       {/* Header */}
       <div className="flex items-center justify-between">

client/src/pages/Deliveries.tsx

@@ -255,7 +255,7 @@ export default function Deliveries() {
   const canValidate = permissions.canValidate('deliveries');
 
   return (
-    <div className="flex-1 overflow-y-auto">
+    <div className="flex-1">
       <div className="p-6 space-y-6">
       {/* Header */}
       <div className="bg-white border-b border-gray-200 p-6 shadow-sm -m-6 mb-6">
@@ -340,7 +340,7 @@ export default function Deliveries() {
           </div>
         ) : (
           <div className="bg-white border border-gray-200 shadow-lg overflow-hidden rounded-xl">
-            <div className="overflow-x-auto">
+            <div className="overflow-x-auto max-h-96 overflow-y-auto">
               <table className="w-full">
                 <thead className="bg-gray-50 border-b border-gray-200">
                     <tr>

client/src/pages/Orders.tsx

@@ -226,7 +226,7 @@ export default function Orders() {
   const canDelete = permissions.canDelete('orders');
 
   return (
-    <div className="flex-1 overflow-y-auto">
+    <div className="flex-1">
       <div className="p-6 space-y-6">
       {/* Header */}
       <div className="bg-white border-b border-gray-200 p-6 shadow-sm -m-6 mb-6">
@@ -309,7 +309,7 @@ export default function Orders() {
           </div>
         ) : (
           <div className="bg-white border border-gray-200 shadow-lg overflow-hidden rounded-xl">
-            <div className="overflow-x-auto">
+            <div className="overflow-x-auto max-h-96 overflow-y-auto">
               <table className="w-full">
                 <thead className="bg-gray-50 border-b border-gray-200">
                     <tr>