fix connection failure display monitoring and other style changes (#1573)

* fix connection failure display monitoring and other style chnages

* display updates more clearly in marketplace

* remove scrolling from release notes and long description

* remove unnecessary bangs

Co-authored-by: Matt Hill <matthill@Matt-M1.local>
Co-authored-by: Matt Hill <matthill@Matt-M1.start9.dev>

frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.html

@@ -41,7 +41,9 @@
           size="large"
           color="dark"
         ></ion-icon>
-        <ion-label>Open</ion-label>
+        <ion-label>
+          <b>Open New</b>
+        </ion-label>
       </ion-item>
       <!-- cifs list -->
       <ng-container *ngFor="let target of backupService.cifs; let i = index">

frontend/projects/ui/src/app/components/status/status.component.html

@@ -1,13 +1,15 @@
 <p
   [style.color]="
-    disconnected ? 'gray' : 'var(--ion-color-' + rendering.color + ')'
+    (disconnected$ | async)
+      ? 'gray'
+      : 'var(--ion-color-' + rendering.color + ')'
   "
   [style.font-size]="size"
   [style.font-style]="style"
   [style.font-weight]="weight"
 >
   <span *ngIf="!installProgress">
-    {{ disconnected ? 'Unknown' : rendering.display }}
+    {{ (disconnected$ | async) ? 'Unknown' : rendering.display }}
     <span *ngIf="rendering.showDots" class="loading-dots"></span>
     <span
       *ngIf="

frontend/projects/ui/src/app/components/status/status.component.ts

@@ -1,4 +1,5 @@
 import { Component, Input } from '@angular/core'
+import { ConnectionService } from 'src/app/services/connection.service'
 import { InstallProgress } from 'src/app/services/patch-db/data-model'
 import {
   PrimaryRendering,
@@ -19,7 +20,10 @@ export class StatusComponent {
   @Input() size?: string
   @Input() style?: string = 'regular'
   @Input() weight?: string = 'normal'
-  @Input() disconnected?: boolean = false
   @Input() installProgress?: InstallProgress
   @Input() sigtermTimeout?: string | null = null
+
+  disconnected$ = this.connectionService.watchDisconnected$()
+
+  constructor(private readonly connectionService: ConnectionService) {}
 }