Show backend info at the bottom. Removing frontend hostname. Re-adding frontend version and commit on top. JS error fix.

frontend/src/app/components/about/about.component.html

@@ -3,13 +3,9 @@
     <br>
     <img src="./resources/mempool-logo-bigger.png" height="62.5" width="250">
     <br>
-    <br>
 
-    <div class="text-small">
-      Frontend:
-      v{{ packetJsonVersion }} ({{ frontendGitCommitHash }}) [{{ hostname }}]
-      <br>
-      Backend: v{{ (backendInfo$ | async ).version }} ({{ (backendInfo$ | async ).gitCommit | slice:0:8 }}) [{{ (backendInfo$ | async).hostname }}]
+    <div class="text-small text-center offset-md-1">
+      v{{ packetJsonVersion }} [{{ frontendGitCommitHash }}]
     </div>
 
     <br>
@@ -396,4 +392,10 @@
     <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
   </div>
 
+  <br>
+
+  <div class="text-small text-center" *ngIf="officialMempoolSpace">
+    {{ (backendInfo$ | async)?.hostname }} (v{{ (backendInfo$ | async )?.version }}) [{{ (backendInfo$ | async )?.gitCommit | slice:0:8 }}]
+  </div>
+
 </div>