fix(personnel): fusager suppr et modif personnel 767 766 (#651)

Fix : La modification d'un personnel sur déclaration séjour n'était pas
pris en compte
Fix : Remise en place du scrool horizontal pour accéder au bouton
"supprimer"

packages/frontend-usagers/src/components/DS/personnel.vue

@@ -385,11 +385,11 @@ function addPersonne() {
   modalPersonne.opened = true;
 }
 
-function editItem(item, index) {
+function editItem(item) {
   log.i("editItem - In", item);
   if (props.modifiable) {
     personnel.value = item;
-    indexCourant.value = index;
+    indexCourant.value = item.id;
     modalPersonne.opened = true;
   }
 }

packages/shared/src/components/Table/TableFull.vue

@@ -1,15 +1,17 @@
 <template>
-  <TableUI
-    :on-update-item-by-page="onUpdateItemByPage"
-    :on-update-current-page="(p) => (currentPage = p)"
-    :items-by-page="itemByPage"
-    :total-items="filteredData?.length ?? 0"
-    :headers="h"
-    :title="title"
-    :displayed-data="displayedData"
-    :current-page="currentPage"
-    @click-row="onClickRow"
-  />
+  <div class="table-container">
+    <TableUI
+      :on-update-item-by-page="onUpdateItemByPage"
+      :on-update-current-page="(p) => (currentPage = p)"
+      :items-by-page="itemByPage"
+      :total-items="filteredData?.length ?? 0"
+      :headers="h"
+      :title="title"
+      :displayed-data="displayedData"
+      :current-page="currentPage"
+      @click-row="onClickRow"
+    />
+  </div>
 </template>
 
 <script setup>
@@ -228,4 +230,15 @@ onMounted(() => {
 });
 </script>
 
-<style scoped></style>
+<style scoped>
+.table-container {
+  overflow-x: auto; /* Active le défilement horizontal */
+  -webkit-overflow-scrolling: touch; /* Défilement fluide sur mobile */
+  max-width: 100%; /* Assure que le conteneur ne dépasse pas la largeur disponible */
+}
+
+.table-container table {
+  width: 100%; /* Le tableau utilise tout l'espace disponible */
+  min-width: 800px; /* Largeur minimale pour forcer le scroll si nécessaire */
+}
+</style>