CM/ONT monitoring polish: colors, navigation, UX, cleanup

- ONT Device Monitoring naming (was External ONT)
- Global 33-color palette with blue/green directional convention
- 3 color sets for multi-device support
- Per-device deep-linking from dashboard cards
- Hide empty chart containers, show settings guidance
- Extract gear.svg, fix visited link colors
- Consistent 59 px card header min-height across tabs
- DeviceCard links to Monitoring Devices tab
- Remove inconsistent Device Status ingress/egress values
- Official UniFi modem product names
- Persist SFP modules card collapse state in localStorage

Author: tvancott42

src/NetworkOptimizer.Web/Components/Pages/Audit.razor

@@ -259,9 +259,7 @@
                                             {
                                                 <span class="tooltip-wrapper">
                                                     <a href="/settings#security-audit" class="tooltip-icon issue-settings-icon">
-                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                                                            <path fill-rule="evenodd" d="M7.84 1.804A1 1 0 018.82 1h2.36a1 1 0 01.98.804l.331 1.652a6.993 6.993 0 011.929 1.115l1.598-.54a1 1 0 011.186.447l1.18 2.044a1 1 0 01-.205 1.251l-1.267 1.113a7.047 7.047 0 010 2.228l1.267 1.113a1 1 0 01.206 1.25l-1.18 2.045a1 1 0 01-1.187.447l-1.598-.54a6.993 6.993 0 01-1.929 1.115l-.33 1.652a1 1 0 01-.98.804H8.82a1 1 0 01-.98-.804l-.331-1.652a6.993 6.993 0 01-1.929-1.115l-1.598.54a1 1 0 01-1.186-.447l-1.18-2.044a1 1 0 01.205-1.251l1.267-1.114a7.05 7.05 0 010-2.227L1.821 7.773a1 1 0 01-.206-1.25l1.18-2.045a1 1 0 011.187-.447l1.598.54A6.993 6.993 0 017.51 3.456l.33-1.652zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" />
-                                                        </svg>
+                                                        <img src="/images/gear.svg" alt="" style="width:16px;height:16px;" />
                                                     </a>
                                                     <span class="tooltip-content">
                                                         @if (issue.ConfigurableSetting?.StartsWith("Configure") == true || issue.ConfigurableSetting?.Contains("Settings") == true)
@@ -341,9 +339,7 @@
                                                 {
                                                     <span class="tooltip-wrapper">
                                                         <a href="/settings#security-audit" class="tooltip-icon issue-settings-icon" @onclick:stopPropagation="true">
-                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                                                                <path fill-rule="evenodd" d="M7.84 1.804A1 1 0 018.82 1h2.36a1 1 0 01.98.804l.331 1.652a6.993 6.993 0 011.929 1.115l1.598-.54a1 1 0 011.186.447l1.18 2.044a1 1 0 01-.205 1.251l-1.267 1.113a7.047 7.047 0 010 2.228l1.267 1.113a1 1 0 01.206 1.25l-1.18 2.045a1 1 0 01-1.187.447l-1.598-.54a6.993 6.993 0 01-1.929 1.115l-.33 1.652a1 1 0 01-.98.804H8.82a1 1 0 01-.98-.804l-.331-1.652a6.993 6.993 0 01-1.929-1.115l-1.598.54a1 1 0 01-1.186-.447l-1.18-2.044a1 1 0 01.205-1.251l1.267-1.114a7.05 7.05 0 010-2.227L1.821 7.773a1 1 0 01-.206-1.25l1.18-2.045a1 1 0 011.187-.447l1.598.54A6.993 6.993 0 017.51 3.456l.33-1.652zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" />
-                                                            </svg>
+                                                            <img src="/images/gear.svg" alt="" style="width:16px;height:16px;" />
                                                         </a>
                                                         <span class="tooltip-content">
                                                             @if (firstIssue.ConfigurableSetting?.StartsWith("Configure") == true || firstIssue.ConfigurableSetting?.Contains("Settings") == true)
@@ -552,9 +548,7 @@
                                     {
                                         <span class="tooltip-wrapper" style="margin-left: 0.4rem;">
                                             <a href="/settings#security-audit" class="tooltip-icon tooltip-icon-sm">
-                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                                                    <path fill-rule="evenodd" d="M7.84 1.804A1 1 0 018.82 1h2.36a1 1 0 01.98.804l.331 1.652a6.993 6.993 0 011.929 1.115l1.598-.54a1 1 0 011.186.447l1.18 2.044a1 1 0 01-.205 1.251l-1.267 1.113a7.047 7.047 0 010 2.228l1.267 1.113a1 1 0 01.206 1.25l-1.18 2.045a1 1 0 01-1.187.447l-1.598-.54a6.993 6.993 0 01-1.929 1.115l-.33 1.652a1 1 0 01-.98.804H8.82a1 1 0 01-.98-.804l-.331-1.652a6.993 6.993 0 01-1.929-1.115l-1.598.54a1 1 0 01-1.186-.447l-1.18-2.044a1 1 0 01.205-1.251l1.267-1.114a7.05 7.05 0 010-2.227L1.821 7.773a1 1 0 01-.206-1.25l1.18-2.045a1 1 0 011.187-.447l1.598.54A6.993 6.993 0 017.51 3.456l.33-1.652zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" />
-                                                </svg>
+                                                <img src="/images/gear.svg" alt="" style="width:16px;height:16px;" />
                                             </a>
                                             <span class="tooltip-content">
                                                 <strong>Settings Hint</strong><br/>

src/NetworkOptimizer.Web/Components/Pages/ClientWanSpeedTest.razor

@@ -67,9 +67,7 @@
                                 <span class="badge badge-wan">@_selectedServer.Name</span>
                             }
                             <a href="/settings#external-speedtest-settings" class="tooltip-icon settings-link" data-tooltip="Server settings">
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                                    <path fill-rule="evenodd" d="M7.84 1.804A1 1 0 018.82 1h2.36a1 1 0 01.98.804l.331 1.652a6.993 6.993 0 011.929 1.115l1.598-.54a1 1 0 011.186.447l1.18 2.044a1 1 0 01-.205 1.251l-1.267 1.113a7.047 7.047 0 010 2.228l1.267 1.113a1 1 0 01.206 1.25l-1.18 2.045a1 1 0 01-1.187.447l-1.598-.54a6.993 6.993 0 01-1.929 1.115l-.33 1.652a1 1 0 01-.98.804H8.82a1 1 0 01-.98-.804l-.331-1.652a6.993 6.993 0 01-1.929-1.115l-1.598.54a1 1 0 01-1.186-.447l-1.18-2.044a1 1 0 01.205-1.251l1.267-1.114a7.05 7.05 0 010-2.227L1.821 7.773a1 1 0 01-.206-1.25l1.18-2.045a1 1 0 011.187-.447l1.598.54A6.993 6.993 0 017.51 3.456l.33-1.652zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" />
-                                </svg>
+                                <img src="/images/gear.svg" alt="" style="width:16px;height:16px;" />
                             </a>
                         </div>
                         <p>

src/NetworkOptimizer.Web/Components/Pages/Dashboard.razor

@@ -186,6 +186,7 @@
     private bool _editMode;
     private OntStatsPanel? _ontPanel;
     private CellularStatsPanel? _cellularPanel;
+    private CmStatsPanel? _cmPanel;
     private DashboardLayout? _layout;
     private int deviceCount = 0;
     private int securityScore = 0;
@@ -548,7 +549,7 @@
                 <h2 class="card-title">Cable Modem Stats (DOCSIS)</h2>
             </div>
             <div class="card-body">
-                <CmStatsPanel />
+                <CmStatsPanel @ref="_cmPanel" />
             </div>
         </div>
     };
@@ -1142,14 +1143,18 @@
     {
         if (_ontPanel?.IsCurrentExternal == true)
         {
-            NavigationManager.NavigateTo("/monitoring?tab=ont");
+            var ontId = _ontPanel.CurrentExternalOntId;
+            var url = ontId != null
+                ? $"/monitoring?tab=ont&ont={Uri.EscapeDataString(ontId)}"
+                : "/monitoring?tab=ont";
+            NavigationManager.NavigateTo(url);
             return;
         }
         var key = _ontPanel?.CurrentModuleKey;
-        var url = key != null
+        var url2 = key != null
             ? $"/monitoring?tab=sfp&sfp={Uri.EscapeDataString(key)}"
             : "/monitoring?tab=sfp";
-        NavigationManager.NavigateTo(url);
+        NavigationManager.NavigateTo(url2);
     }
 
     private void NavigateToCellularChart()
@@ -1163,7 +1168,11 @@
 
     private void NavigateToCmChart()
     {
-        NavigationManager.NavigateTo("/monitoring?tab=cm");
+        var cmId = _cmPanel?.CurrentCmId;
+        var url = cmId != null
+            ? $"/monitoring?tab=cm&cm={Uri.EscapeDataString(cmId)}"
+            : "/monitoring?tab=cm";
+        NavigationManager.NavigateTo(url);
     }
 
 }