fix: diff mode button now has visible text label (Côte à côte / Unifiée)

frontend/js/backups.js

@@ -211,8 +211,8 @@ function renderMainView() {
       <button class="backup-restore-btn" id="backup-restore-btn" title="Restaurer la version de gauche">
         <i data-lucide="rotate-ccw" class="icon-sm"></i> Restaurer
       </button>
-      <button class="backup-diff-mode-btn" id="backup-diff-mode-btn" title="Vue côte à côte / unifiée">
-        <i data-lucide="columns-2" class="icon-sm"></i>
+      <button class="backup-diff-mode-btn" id="backup-diff-mode-btn" title="Basculer vue unifiée / côte à côte">
+        <i data-lucide="columns-2" class="icon-sm"></i> Côte à côte
       </button>
     </div>
 
@@ -263,9 +263,11 @@ function bindEvents() {
         ? renderDiffSideBySide(state.diffLeft, state.diffRight)
         : renderDiff(state.diffText);
     }
-    // Update icon
+    // Update icon and text
     const icon = modeBtn.querySelector('i');
     if (icon) icon.setAttribute('data-lucide', state.diffMode === 'sidebyside' ? 'columns-2' : 'align-justify');
+    modeBtn.childNodes.forEach(n => { if (n.nodeType === 3) n.remove(); });
+    modeBtn.appendChild(document.createTextNode(state.diffMode === 'sidebyside' ? ' Unifiée' : ' Côte à côte'));
     safeCreateIcons();
   });
 }