chore: refactor install and setup wizards (#2561)

* chore: refactor install and setup wizards

* chore: return tui-root

web/projects/setup-wizard/src/app/pages/home.page.ts

@@ -0,0 +1,144 @@
+import { CommonModule } from '@angular/common'
+import { Component, inject, OnInit } from '@angular/core'
+import { RouterLink } from '@angular/router'
+import { ErrorService } from '@start9labs/shared'
+import {
+  TuiButtonModule,
+  TuiCardModule,
+  TuiCellModule,
+  TuiIconModule,
+  TuiIconsModule,
+  TuiTitleModule,
+} from '@taiga-ui/experimental'
+import { RecoverComponent } from 'src/app/components/recover.component'
+import { ApiService } from 'src/app/services/api.service'
+import { StateService } from 'src/app/services/state.service'
+
+@Component({
+  standalone: true,
+  template: `
+    <img class="logo" src="assets/img/icon.png" alt="Start9" />
+    @if (!loading) {
+      <section tuiCardLarge>
+        <header [style.padding-top.rem]="1.25">
+          @if (recover) {
+            <button
+              tuiIconButton
+              appearance="flat"
+              class="back"
+              iconLeft="tuiIconChevronLeft"
+              (click)="recover = false"
+            >
+              Back
+            </button>
+          }
+          {{ recover ? 'StartOS Setup' : 'Recover Options' }}
+        </header>
+        <div class="pages">
+          <div class="options" [class.options_recover]="recover">
+            <a tuiCell [routerLink]="error || recover ? null : '/storage'">
+              <tui-icon icon="tuiIconPlus" />
+              <span tuiTitle>
+                <span class="g-success">Start Fresh</span>
+                <span tuiSubtitle>
+                  Get started with a brand new Start9 server
+                </span>
+              </span>
+            </a>
+            <button
+              tuiCell
+              [disabled]="error || recover"
+              (click)="recover = true"
+            >
+              <tui-icon icon="tuiIconRotateCw" />
+              <span tuiTitle>
+                <span class="g-warning">Recover</span>
+                <span tuiSubtitle>
+                  Recover, restore, or transfer StartOS data
+                </span>
+              </span>
+            </button>
+          </div>
+          <app-recover class="options" [disabled]="!recover" />
+        </div>
+      </section>
+    }
+  `,
+  styles: `
+    @import '@taiga-ui/core/styles/taiga-ui-local';
+
+    .logo {
+      width: 6rem;
+      margin: auto auto -2rem;
+      z-index: 1;
+
+      &:only-child {
+        margin: auto;
+      }
+
+      + * {
+        margin-top: 0;
+      }
+    }
+
+    .back {
+      position: absolute;
+      top: 1rem;
+      border-radius: 10rem;
+    }
+
+    .pages {
+      display: flex;
+      align-items: center;
+      overflow: hidden;
+    }
+
+    .options {
+      @include transition(margin);
+
+      min-width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: 1.25rem;
+      padding: 1rem;
+      box-sizing: border-box;
+
+      &_recover {
+        margin-left: -100%;
+      }
+    }
+  `,
+  imports: [
+    CommonModule,
+    RouterLink,
+    TuiCardModule,
+    TuiButtonModule,
+    TuiIconsModule,
+    TuiCellModule,
+    TuiIconModule,
+    TuiTitleModule,
+    RecoverComponent,
+  ],
+})
+export default class HomePage implements OnInit {
+  private readonly api = inject(ApiService)
+  private readonly errorService = inject(ErrorService)
+  private readonly stateService = inject(StateService)
+
+  error = false
+  loading = true
+  recover = false
+
+  async ngOnInit() {
+    this.stateService.setupType = 'fresh'
+
+    try {
+      await this.api.getPubKey()
+    } catch (e: any) {
+      this.error = true
+      this.errorService.handleError(e)
+    } finally {
+      this.loading = false
+    }
+  }
+}