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

ts_web/elements/sipproxy-view-contacts.ts

@@ -268,7 +268,7 @@ export class SipproxyViewContacts extends DeesElement {
         type: ['inRow'] as any,
         actionFunc: async ({ item }: { item: IContact }) => {
           appState.selectContact(item);
-          appRouter.navigateTo('phone' as any);
+          appRouter.navigateToView('telephony', 'phone');
         },
       },
       {
@@ -343,6 +343,8 @@ export class SipproxyViewContacts extends DeesElement {
     ];
 
     return html`
+      <dees-heading level="3">Contacts</dees-heading>
+
       <div class="view-section">
         <dees-statsgrid .tiles=${tiles} .minTileWidth=${220} .gap=${16}></dees-statsgrid>
       </div>