chore(ui): rename subtitle and table header to Interface Table View

internal/web/static/app.js

@@ -100,7 +100,7 @@ function navigate(tabName) {
   // Update page headers
   const titles = {
     dashboard: { title: 'Dashboard Overview', sub: 'Live router performance and network telemetry' },
-    interfaces: { title: 'Network Interfaces', sub: 'Hierarchical view of physical interfaces and nested 802.1Q VLANs' },
+    interfaces: { title: 'Network Interfaces', sub: 'Interface Table View' },
     'dhcp-client': { title: 'DHCP Client (/ip dhcp-client)', sub: 'RouterOS-style dynamic IPv4 lease configuration, default gateway & peer DNS on any interface' },
     bridge: { title: 'Bridge Interfaces', sub: 'MikroTik-style IEEE 802.1D / 802.1Q VLAN Filtering Bridge with RSTP & FDB' },
     vlans: { title: 'VLAN Virtual Networks', sub: 'IEEE 802.1Q sub-interface segmentation and routing' },

internal/web/static/index.html

@@ -506,8 +506,8 @@
             <div class="p-4 border-b border-slate-800 bg-slate-950/40 flex items-center justify-between">
               <div>
                 <h3 class="text-sm font-bold text-white flex items-center gap-2">
-                  <span>Interface Hierarchy & VLAN Sub-interfaces</span>
-                  <span class="text-[10px] bg-cyan-500/10 text-cyan-400 border border-cyan-500/20 px-2 py-0.5 rounded font-mono">Expandable Tree</span>
+                  <span>Interface Table View</span>
+                  <span class="text-[10px] bg-cyan-500/10 text-cyan-400 border border-cyan-500/20 px-2 py-0.5 rounded font-mono">Live Matrix</span>
                 </h3>
               </div>
               <div class="text-xs text-slate-400">
@@ -5202,6 +5202,6 @@
     </div>
   </div>
 
-  <script src="app.js?v=4.4"></script>
+  <script src="app.js?v=4.5"></script>
 </body>
 </html>