feat: improve action button visibility with explicit styling and icon rendering

- Add explicit border and background colors to action buttons for better visibility
- Ensure Lucide icons are properly rendered in action buttons with deferred safeCreateIcons call
- Adjust badge margin to prevent overlap with action buttons
- Add z-index to action buttons to ensure proper layering

frontend/app.js

@@ -4749,7 +4749,8 @@
     button.className = "tree-item-action-btn";
     button.setAttribute("aria-label", "Afficher le menu d’actions");
     button.setAttribute("title", "Actions");
-    button.appendChild(icon("ellipsis", 16));
+    const iconEl = icon("ellipsis", 16);
+    button.appendChild(iconEl);
     button.addEventListener("click", (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4757,6 +4758,10 @@
       ContextMenuManager.show(pos.x, pos.y, vault, path, type, isReadonly);
     });
     itemEl.appendChild(button);
+    // Ensure Lucide icons are rendered for the button
+    setTimeout(() => {
+      safeCreateIcons(button);
+    }, 0);
   }
 
   function attachTreeItemLongPress(itemEl, getMenuData) {

frontend/style.css

@@ -838,7 +838,7 @@ select {
   color: var(--text-primary);
 }
 .tree-item > .badge-small {
-  margin-left: auto;
+  margin-left: 4px;
 }
 .tree-item.active {
   background: var(--bg-hover);
@@ -890,9 +890,9 @@ select {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid transparent;
+  border: 1px solid var(--border);
   border-radius: 6px;
-  background: transparent;
+  background: var(--bg-secondary);
   color: var(--text-muted);
   cursor: pointer;
   opacity: 1;
@@ -903,6 +903,7 @@ select {
     background 140ms ease,
     border-color 140ms ease;
   flex-shrink: 0;
+  z-index: 1;
 }
 
 .tree-item-action-btn:hover,