Add per-row edit button and paired column highlight to /lignes

Pencil icon opens the existing node edit form in the same AJAX modal
as "+ Ajouter une ligne" -- no new form logic, reuses the form_alter
validation/close-on-save already in place for the add form.

Column highlight pairs with the existing row hover (from Gin's global
table CSS) to form a crosshair. Column position is computed logically
(accounting for colspan) rather than via DOM cellIndex, since the
totals row's label cell spans 4 columns and would otherwise misalign
every column after it.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig

@@ -56,7 +56,7 @@
   <p v-if="loading">Chargement des données…</p>
   <p v-else-if="error" class="figli-error">Erreur de chargement : {{ error }}</p>
   <div v-else class="figli-table-wrap">
-    <table>
+    <table ref="tableEl" @mouseover="onCellHover" @mouseleave="clearColHover">
       <thead>
         <tr>
           <th>Date</th>
@@ -67,12 +67,13 @@
           <th class="amount">Montant TTC</th>
           <th v-for="c in allComptes" :key="c" class="amount compte-col">{{ c }}</th>
           <th class="amount">Écart</th>
+          <th class="actions-col"></th>
         </tr>
       </thead>
       <tbody>
         <template v-for="item in groupedRows" :key="item.key">
           <tr v-if="item.isGroup" class="figli-group-row">
-            <td :colspan="6 + allComptes.length + 1">{{ item.label }} <span class="figli-note">({{ item.count }} lignes)</span></td>
+            <td :colspan="6 + allComptes.length + 2">{{ item.label }} <span class="figli-note">({{ item.count }} lignes)</span></td>
           </tr>
           <tr v-else :class="{'figli-error-row': item.hasError}">
             <td>{{ item.date }}</td>
@@ -83,6 +84,13 @@
             <td class="amount">{{ formatEur(item.montant_ttc) }}</td>
             <td v-for="c in allComptes" :key="c" class="amount compte-col">{{ item.parCompte[c] !== undefined ? formatEur(item.parCompte[c]) : '' }}</td>
             <td class="amount" :class="{'figli-ecart': item.hasError}">{{ item.hasError ? formatEur(item.ecart) : '' }}</td>
+            <td class="actions-col">
+              <button type="button" class="figli-edit-btn" title="Modifier" @click="openEditForm(item.nid)">
+                <svg viewBox="0 0 20 20" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M13.5 3.5l3 3L6 17l-3.5.5.5-3.5L13.5 3.5z" />
+                </svg>
+              </button>
+            </td>
           </tr>
         </template>
       </tbody>
@@ -93,6 +101,7 @@
           <td class="amount">{{ formatEur(footerTotals.montant_ttc) }}</td>
           <td v-for="c in allComptes" :key="c" class="amount compte-col" :class="soldeClass(footerTotals.parCompte[c])">{{ formatEur(footerTotals.parCompte[c]) }}</td>
           <td class="amount" :class="soldeClass(footerTotals.ecart)">{{ formatEur(footerTotals.ecart) }}</td>
+          <td class="actions-col"></td>
         </tr>
       </tfoot>
     </table>