fix setup wizard styles and remove diagnostic from angular.json (#2656)

web/projects/setup-wizard/src/app/pages/loading/loading.module.ts

@@ -1,12 +1,17 @@
 import { NgModule } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { IonicModule } from '@ionic/angular'
-import { FormsModule } from '@angular/forms'
+import { TuiProgressModule } from '@taiga-ui/kit'
 import { LoadingPage } from './loading.page'
 import { LoadingPageRoutingModule } from './loading-routing.module'
+import { IonicModule } from '@ionic/angular'
 
 @NgModule({
-  imports: [CommonModule, FormsModule, IonicModule, LoadingPageRoutingModule],
+  imports: [
+    CommonModule,
+    IonicModule,
+    TuiProgressModule,
+    LoadingPageRoutingModule,
+  ],
   declarations: [LoadingPage],
 })
 export class LoadingPageModule {}

web/projects/setup-wizard/src/app/pages/loading/loading.page.html

@@ -1,17 +1,23 @@
-<section *ngIf="progress$ | async as progress">
-  <h1 [style.font-size.rem]="2.5" [style.margin.rem]="1">
-    Setting up your server
-  </h1>
-  <div class="center-wrapper" *ngIf="progress.total">
-    Progress: {{ (progress.total * 100).toFixed(0) }}%
-  </div>
-
-  <progress
-    tuiProgressBar
-    class="progress"
-    [style.max-width.rem]="40"
-    [style.margin]="'1rem auto'"
-    [attr.value]="progress.total"
-  ></progress>
-  <p>{{ progress.message }}</p>
-</section>
+<ion-content>
+  <ion-grid>
+    <ion-row class="ion-align-items-center">
+      <ion-col>
+        <section *ngIf="progress$ | async as progress">
+          <h1 [style.font-size.rem]="2" [style.margin-bottom.rem]="2">
+            Setting up your server
+          </h1>
+          <div *ngIf="progress.total">
+            Progress: {{ (progress.total * 100).toFixed(0) }}%
+          </div>
+          <progress
+            tuiProgressBar
+            [style.max-width.rem]="40"
+            [style.margin]="'1rem auto'"
+            [attr.value]="progress.total"
+          ></progress>
+          <p>{{ progress.message }}</p>
+        </section>
+      </ion-col>
+    </ion-row>
+  </ion-grid>
+</ion-content>

web/projects/setup-wizard/src/app/pages/loading/loading.page.scss

@@ -0,0 +1,9 @@
+section {
+  border-radius: 0.25rem;
+  padding: 3rem;
+  margin: 2rem;
+  text-align: center;
+  background: #e0e0e0;
+  color: #333;
+  --tui-clear-inverse: rgba(0, 0, 0, 0.1);
+}

web/projects/ui/src/app/pages/init/init.page.html

@@ -2,7 +2,7 @@
   <h1 [style.font-size.rem]="2.5" [style.margin.rem]="1">
     Initializing StartOS
   </h1>
-  <div class="center-wrapper" *ngIf="progress.total">
+  <div *ngIf="progress.total">
     Progress: {{ (progress.total * 100).toFixed(0) }}%
   </div>