fix: game created fixed

src/app/components/challenge-notification/challenge-notification.component.ts

@@ -1,5 +1,6 @@
 import { Component, Input, Output, EventEmitter, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { Router } from '@angular/router';
 import { Challenge } from '../../models/challenge.models';
 import { ChallengeService } from '../../services/challenge.service';
 import { finalize } from 'rxjs';
@@ -19,6 +20,7 @@ export class ChallengeNotificationComponent {
     @Output() close = new EventEmitter<void>();
 
     private readonly challengeService = inject(ChallengeService);
+    private readonly router = inject(Router);
 
     acceptingChallenge = false;
     decliningChallenge = false;
@@ -35,8 +37,13 @@ export class ChallengeNotificationComponent {
         this.challengeService.acceptChallenge(this.challenge.id)
             .pipe(finalize(() => (this.acceptingChallenge = false)))
             .subscribe({
-                next: () => {
-                    this.accept.emit(this.challenge);
+                next: (acceptedChallenge) => {
+                    this.accept.emit(acceptedChallenge);
+                    if (acceptedChallenge.gameId) {
+                        void this.router.navigate(['/game', acceptedChallenge.gameId]);
+                    } else {
+                        this.errorMessage = 'Challenge accepted, but no game was created.';
+                    }
                 },
                 error: (error) => {
                     this.errorMessage = getErrorMessage(error, 'Failed to accept challenge');