Revamp CommonwealthOnline browser UI and styles

Rework the CommonwealthOnline browser UI: restructure HTML into a nav + subpanel layout, add SVG/PNG/font assets and new sprites, and overhaul styles with a new font-face and refreshed color/spacing variables. Refactor components: tabs use a left nav list; filters extraction (renderRow) and reset focus handling; direct-connect renders into a dedicated container; server-list switched to compact row layout and adds a scroll indicator; server-details now uses a preview area and simplified preview/stats rendering. Update app logic: adjust focus zone handling (nextFocusZone), limit zones per tab, update connection status/count display, and avoid rendering details for direct-connect. Overall changes improve responsiveness, visual hierarchy, and focus/navigation behavior.

ui/views/CommonwealthOnline/browser/assets/MenuBoarder.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Source artwork for inline borders in index.html (top + bottom strips) -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1075.97 11" aria-hidden="true">
+  <polyline
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-miterlimit="10"
+    vector-effect="non-scaling-stroke"
+    points="0 10.97 0 0 1075.97 0 1075.97 10.5"
+  />
+  <polyline
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-miterlimit="10"
+    vector-effect="non-scaling-stroke"
+    transform="translate(0, 0)"
+    points="0 0.47 0 8.91 1075.97 8.97 1075.97 0.47"
+  />
+</svg>