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

web/components/registry/equipment-list.mjs

@@ -1,4 +1,4 @@
-import { api } from '../../lib/api.mjs';
+import { api } from '../../lib/api.mjs';
 import './equipment-form.mjs';
 
 class EquipmentList extends HTMLElement {
@@ -64,7 +64,7 @@ class EquipmentList extends HTMLElement {
       <div class="page-header">
         <h1>Equipment</h1>
         <div class="toolbar">
-          <input class="search-input" id="search" placeholder="Search equipment…" value="${this.#esc(this.#search)}">
+          <input class="search-input" id="search" placeholder="Search equipment…" value="${this.#esc(this.#search)}">
           <button class="btn-primary" id="new-btn">
             <i data-lucide="plus" style="width:14px;height:14px"></i> Add Equipment
           </button>
@@ -102,7 +102,7 @@ class EquipmentList extends HTMLElement {
 
       <equipment-form id="equipment-form"></equipment-form>`;
 
-    if (window.lucide) lucide.createIcons({ nodes: [s] });
+    if (window.lucide) lucide.createIcons({ root: s });
 
     const searchEl = s.querySelector('#search');
     let debounce;