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

web/components/registry/people-list.mjs

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