fix(config-ui): handle missing HTTP/3 config safely and standardize overview section headings

ts_web/elements/ops-view-overview.ts

@@ -64,13 +64,6 @@ export class OpsViewOverview extends DeesElement {
     cssManager.defaultStyles,
     shared.viewHostCss,
     css`
-      h2 {
-        margin: 32px 0 16px 0;
-        font-size: 24px;
-        font-weight: 600;
-        color: ${cssManager.bdTheme('#333', '#ccc')};
-      }
-
       .chartGrid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
@@ -123,6 +116,7 @@ export class OpsViewOverview extends DeesElement {
 
         ${this.renderVpnStats()}
 
+        <dees-heading level="hr">Activity Charts</dees-heading>
         <div class="chartGrid">
           <dees-chart-area
             .label=${'Email Traffic (24h)'}
@@ -330,7 +324,7 @@ export class OpsViewOverview extends DeesElement {
     ];
 
     return html`
-      <h2>Email Statistics</h2>
+      <dees-heading level="hr">Email Statistics</dees-heading>
       <dees-statsgrid .tiles=${tiles}></dees-statsgrid>
     `;
   }
@@ -379,7 +373,7 @@ export class OpsViewOverview extends DeesElement {
     ];
 
     return html`
-      <h2>DNS Statistics</h2>
+      <dees-heading level="hr">DNS Statistics</dees-heading>
       <dees-statsgrid .tiles=${tiles}></dees-statsgrid>
     `;
   }
@@ -430,7 +424,7 @@ export class OpsViewOverview extends DeesElement {
     ];
 
     return html`
-      <h2>RADIUS Statistics</h2>
+      <dees-heading level="hr">RADIUS Statistics</dees-heading>
       <dees-statsgrid .tiles=${tiles}></dees-statsgrid>
     `;
   }
@@ -470,7 +464,7 @@ export class OpsViewOverview extends DeesElement {
     ];
 
     return html`
-      <h2>VPN Statistics</h2>
+      <dees-heading level="hr">VPN Statistics</dees-heading>
       <dees-statsgrid .tiles=${tiles}></dees-statsgrid>
     `;
   }