ui: adds 0.2.8 welcome content

ui/src/app/modals/os-welcome/os-welcome.page.html

@@ -5,10 +5,30 @@
         <ion-icon slot="icon-only" name="close"></ion-icon>
       </ion-button>
     </ion-buttons>
-    <ion-title style="font-size: 16px;">Welcome to {{ version }}</ion-title>
+    <ion-title >
+      <ion-label style="font-size: 24px;" class="ion-text-wrap">Welcome to {{ version }}</ion-label>
+    </ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content class="ion-padding">
-  Here is some cool shit.
+  <ion-item class="notifier-item">
+    <ion-label class="ion-text-wrap">
+      <h2 style="color: var(--ion-color-danger)" class="attn-header">Critical Information - Read Carefully!</h2>
+      <p style="color: white">
+        If you have LND or c-lightning installed, it is critical that you update them to the latest version. 
+        An oversight in Start9’s USB backups system has created a situation where restoring a LND or c-lightning backup can result in permanent loss of channel funds.
+        To be clear, <ion-text style="font-weight: 'bold';">DO NOT</ion-text> attempt to restore a LND or c-lightning backup until you have updated these services to the latest versions.
+      </p>
+    </ion-label>
+  </ion-item>
+
+  <div style="padding: 10px">
+    <h3>General Overview</h3>
+    <p>
+      0.2.8 is a small but important update designed to enhance awareness around potential pitfalls of using certain services.
+      It introduces warnings for installing, uninstalling, backing up, and restoring backups of stateful services such as LND or c-lightning.
+      This release also draws a distinction between services that can be launched inside the browser and those that are designed to run in the background.
+    </p>
+  </div>
 </ion-content>

ui/src/app/modals/os-welcome/os-welcome.page.scss

@@ -0,0 +1,10 @@
+.attn-header {
+  // color: var(--ion-color-danger);
+  font-weight: bold;
+  font-family: 'Montserrat';
+  margin-bottom: 7px;
+}
+
+.attn-content {
+  color: white;
+}

ui/src/app/pages/apps-routes/app-config/app-config.page.html

@@ -26,7 +26,6 @@
         <p style="color: var(--ion-color-danger)">{{error.text}}</p>
         <p><a style="color: var(--ion-color-danger); text-decoration: underline; font-weight: bold;" *ngIf="error.moreInfo && !openErrorMoreInfo" (click)="openErrorMoreInfo = true">{{error.moreInfo.buttonText}}</a></p>
 
-        <!-- presentPopover(error.moreInfo.title, error.moreInfo.description, $event) -->
         <ng-container *ngIf="openErrorMoreInfo">
           <p style="margin-top: 10px; color: var(--ion-color-medium);" [innerHTML]="error.moreInfo.title"></p>
           <p style="margin-top: 10px; color: var(--ion-color-medium); font-size: small" [innerHTML]="error.moreInfo.description"></p>

ui/use-mocks.json

@@ -1,3 +1,3 @@
 {
-  "useMocks": false
+  "useMocks": true
 }