fix: cleaner components seperation

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

@@ -2,6 +2,7 @@ import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 import { finalize } from 'rxjs';
+import { getErrorMessage } from '../../core/http/error-message.util';
 import { GameApiService } from '../../services/game-api.service';
 
 @Component({
@@ -35,8 +36,8 @@ export class WelcomeComponent {
         next: (game) => {
           void this.router.navigate(['/game', game.gameId]);
         },
-        error: (error: { error?: { message?: string } }) => {
-          this.errorMessage = error.error?.message ?? 'Unable to create a game.';
+        error: (error) => {
+          this.errorMessage = getErrorMessage(error, 'Unable to create a game.');
         }
       });
   }