Improve table scrolling and add custom scrollbar styling

Introduce custom CSS for improved table scrolling and integrate it into various data-displaying components.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d43bd811-9372-45a7-8ac9-4a954c0538e1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/d43bd811-9372-45a7-8ac9-4a954c0538e1/YCOwJ60

client/src/index.css

@@ -74,6 +74,40 @@
     background-color: var(--primary);
   }
   
+  /* Optimisation des ascenseurs pour les tableaux */
+  .table-container {
+    overflow-x: auto;
+    scrollbar-width: thin;
+    scrollbar-color: hsl(20, 5.9%, 80%) transparent;
+  }
+  
+  .table-container::-webkit-scrollbar {
+    height: 6px;
+  }
+  
+  .table-container::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  
+  .table-container::-webkit-scrollbar-thumb {
+    background: hsl(20, 5.9%, 80%);
+    border-radius: 3px;
+  }
+  
+  .table-container::-webkit-scrollbar-thumb:hover {
+    background: hsl(20, 5.9%, 70%);
+  }
+  
+  /* Masquer l'ascenseur horizontal sauf si nécessaire */
+  .no-scrollbar {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  
   .bg-secondary {
     background-color: var(--secondary);
   }