Refactor Lucide icon rendering by replacing nodes with root across components and fix unintended character encoding issues in placeholders and text.

web/components/work-orders/wo-detail.mjs

@@ -43,7 +43,7 @@ class WoDetail extends HTMLElement {
     const s = this.shadowRoot;
     s.innerHTML = `<style>${this.#css()}</style>${this.#html()}`;
     this.#bind();
-    if (window.lucide) lucide.createIcons({ nodes: [s] });
+    if (window.lucide) lucide.createIcons({ root: s });
   }
 
   #css() { return `
@@ -297,7 +297,7 @@ class WoDetail extends HTMLElement {
         this.#tab = tab.dataset.tab;
         s.querySelectorAll('.tab').forEach(t => t.classList.toggle('active', t.dataset.tab === this.#tab));
         s.querySelector('#tab-content').innerHTML = this.#tabContent(this.#wo);
-        if (window.lucide) lucide.createIcons({ nodes: [s.querySelector('#tab-content')] });
+        if (window.lucide) lucide.createIcons({ root: s.querySelector('#tab-content') });
       }));
 
     // Status dropdown