More status page polish

frontend/src/app/components/server-health/server-health.component.html

@@ -1,9 +1,11 @@
-<div class="tomahawk container-xl dashboard-container">
+<div class="tomahawk">
   <div class="links">
-    <span>Status</span>
-    <a [routerLink]='"/network"'>Live</a>
+    <span>Monitoring</span>
+    <a [routerLink]='"/nodes"'>Nodes</a>
   </div>
-  <h1 class="dashboard-title">Node Status</h1>
+
+  <app-start [showLoadingIndicator]="true"></app-start>
+  <app-footer [inline]="true"></app-footer>
 
   <ng-container *ngIf="(hosts$ | async) as hosts">
     <div class="status-panel">
@@ -13,6 +15,7 @@
             <th class="rank"></th>
             <th class="flag"></th>
             <th class="host">Host</th>
+            <th class="updated">Last checked</th>
             <th class="rtt only-small">RTT</th>
             <th class="rtt only-large">RTT</th>
             <th class="height">Height</th>
@@ -21,6 +24,7 @@
             <td class="rank">{{ i + 1 }}</td>
             <td class="flag">{{ host.active ? '⭐️' : host.flag }}</td>
             <td class="host">{{ host.link }}</td>
+            <td class="updated">{{ getLastUpdateSeconds(host) }}</td>
             <td class="rtt only-small">{{ (host.rtt / 1000) | number : '1.1-1' }} {{ host.rtt == null ? '' : 's'}} {{ !host.checked ? '⏳' : (host.unreachable ? '🔥' : '✅') }}</td>
             <td class="rtt only-large">{{ host.rtt | number : '1.0-0' }} {{ host.rtt == null ? '' : 'ms'}} {{ !host.checked ? '⏳' : (host.unreachable ? '🔥' : '✅') }}</td>
             <td class="height">{{ host.latestHeight }} {{ !host.checked ? '⏳' : (host.outOfSync ? '🚫' : (host.latestHeight && host.latestHeight < tip ? '🟧' : '✅')) }}</td>