display bottom item in backup list and refactor for cleanliness (#1609)

* display bottom item in backup list and refactor for cleanliness

* fix spelling mistake

* display initial toggle to deselect all, as all are selected by default

* add select/deselect all to backup restore and handle backup case when no services intalled

Co-authored-by: Lucy Cifferello <12953208+elvece@users.noreply.github.com>

frontend/projects/ui/src/app/pages/server-routes/restore/restore.component.html

@@ -1,5 +1,5 @@
-<backup-drives-header title="Restore From Backup"></backup-drives-header>
-
-<ion-content class="ion-padding">
-  <backup-drives type="restore" (onSelect)="presentModalPassword($event)"></backup-drives>
-</ion-content>
+<backup-drives
+  type="restore"
+  class="ion-page"
+  (onSelect)="presentModalPassword($event)"
+></backup-drives>

frontend/projects/ui/src/app/pages/server-routes/server-backup/server-backup.page.html

@@ -1,16 +1,14 @@
 <!-- currently backing up -->
 <backing-up
   *ngIf="backingUp$ | async; else notBackingUp"
-  style="height: 100%"
+  class="ion-page"
 ></backing-up>
 
 <!-- not backing up -->
 <ng-template #notBackingUp>
-  <backup-drives-header title="Create Backup"></backup-drives-header>
-  <ion-content class="ion-padding">
-    <backup-drives
-      type="create"
-      (onSelect)="presentModalSelect($event)"
-    ></backup-drives>
-  </ion-content>
+  <backup-drives
+    type="create"
+    class="ion-page"
+    (onSelect)="presentModalSelect($event)"
+  ></backup-drives>
 </ng-template>