ui: change drives tab name

ui/src/app/app.component.ts

@@ -48,7 +48,7 @@ export class AppComponent {
       icon: 'notifications-outline',
     },
     {
-      title: 'External Drives',
+      title: 'Backup drives',
       url: '/drives',
       icon: 'albums-outline',
     },

ui/src/app/pages/server-routes/external-drives/external-drives.page.html

@@ -3,7 +3,7 @@
     <ion-buttons slot="start">
       <pwa-back-button></pwa-back-button>
     </ion-buttons>
-    <ion-title>External Drives</ion-title>
+    <ion-title>Backup drives</ion-title>
     <ion-buttons slot="end">
       <badge-menu-button></badge-menu-button>
     </ion-buttons>

ui/src/app/services/sync.notifier.ts

@@ -63,19 +63,21 @@ export class SyncNotifier {
   private async handleOSWelcome (server: Readonly<S9Server>) {
     if (server.welcomeAck || server.versionInstalled !== this.config.version || this.osWelcomeOpen) return
 
-    const modal = await this.modalCtrl.create({
-      backdropDismiss: false,
-      component: OSWelcomePage,
-      presentingElement: await this.modalCtrl.getTop(),
-      componentProps: {
-        version: server.versionInstalled,
-      },
-    })
     this.osWelcomeOpen = true
+    const [modal, _] = await Promise.all([
+      this.modalCtrl.create({
+        backdropDismiss: false,
+        component: OSWelcomePage,
+        presentingElement: await this.modalCtrl.getTop(),
+        componentProps: {
+          version: server.versionInstalled,
+        },
+      }),
+      this.apiService.acknowledgeOSWelcome(this.config.version),
+    ])
 
     modal.onWillDismiss().then(() => {
       this.osWelcomeOpen = false
-      return this.apiService.acknowledgeOSWelcome(this.config.version)
     })
     await modal.present()
   }