feat: added web view 1v1

src/app/pages/welcome/welcome.component.ts

@@ -0,0 +1,43 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { finalize } from 'rxjs';
+import { GameApiService } from '../../services/game-api.service';
+
+@Component({
+  selector: 'app-welcome',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './welcome.component.html',
+  styleUrl: './welcome.component.css'
+})
+export class WelcomeComponent {
+  creating = false;
+  errorMessage = '';
+
+  constructor(
+    private readonly router: Router,
+    private readonly gameApi: GameApiService
+  ) {}
+
+  startOneVsOne(): void {
+    if (this.creating) {
+      return;
+    }
+
+    this.errorMessage = '';
+    this.creating = true;
+
+    this.gameApi
+      .createGame()
+      .pipe(finalize(() => (this.creating = false)))
+      .subscribe({
+        next: (game) => {
+          void this.router.navigate(['/game', game.gameId]);
+        },
+        error: (error: { error?: { message?: string } }) => {
+          this.errorMessage = error.error?.message ?? 'Unable to create a game.';
+        }
+      });
+  }
+}