Update status checks and add optgroup support to form modals

- modal.js: add optgroup support for select options in formModal
- dhcp.js: use zone-based interface selector for DHCP ranges
- dashboard.js, wireguard.js: use status.up for state checks
- proxy.js: use inner.querySelector for modal field lookup

webui/static/pages/dashboard.js

@@ -26,7 +26,7 @@ export default definePage({
                 meta=${Object.keys(fwZones).join(', ') || 'None'} />
             <${StatCard} label="Interfaces Up" value=${upC + '/' + nCount}
                 meta=${upI.map(i => i.name).join(', ') || 'None up'} />
-            <${StatCard} label="WireGuard" value=${String(d.wg?.state || 'unknown')}
+            <${StatCard} label="WireGuard" value=${String((d.wg?.status?.up) ? 'up' : 'down')}
                 meta=${wP.length + ' peers'} />
             <${StatCard} label="Certificates" value=${certs.length}
                 meta=${certW.length + ' expiring/expired'} />
@@ -37,8 +37,8 @@ export default definePage({
                 <div class="card-header">Services</div>
                 <div class="card-body">
                     <ul class="service-list">
-                        <li><${ServiceStatus} state=${dmsk.state || 'down'} label="Dnsmasq" /></li>
-                        <li><${ServiceStatus} state=${d.wg?.state || 'down'} label="WireGuard" /></li>
+                        <li><${ServiceStatus} state=${dmsk.service_active ? 'up' : 'down'} label="Dnsmasq" /></li>
+                        <li><${ServiceStatus} state=${(d.wg?.status?.up) ? 'up' : 'down'} label="WireGuard" /></li>
                     </ul>
                 </div>
             </div>