feat(ui): group dashboard navigation into sectioned routes and align view layouts with dcrouter

ts_web/elements/sipproxy-view-log.ts

@@ -1,6 +1,6 @@
 import { DeesElement, customElement, html, css, cssManager, state, type TemplateResult } from '../plugins.js';
-import { deesCatalog } from '../plugins.js';
 import { appState, type IAppState } from '../state/appstate.js';
+import { viewHostCss } from './shared/index.js';
 
 @customElement('sipproxy-view-log')
 export class SipproxyViewLog extends DeesElement {
@@ -11,9 +11,9 @@ export class SipproxyViewLog extends DeesElement {
 
   public static styles = [
     cssManager.defaultStyles,
+    viewHostCss,
     css`
-      :host { display: block; padding: 1rem; height: 100%; }
-      dees-chart-log { height: calc(100vh - 120px); }
+      dees-chart-log { height: calc(100vh - 140px); }
     `,
   ];
 
@@ -58,6 +58,8 @@ export class SipproxyViewLog extends DeesElement {
 
   public render(): TemplateResult {
     return html`
+      <dees-heading level="3">Log</dees-heading>
+
       <dees-chart-log
         label="SIP Trace Log"
         mode="structured"