feat(game): add blackjack game component and routing

frontend/src/app/feature/home/home.component.html

@@ -34,7 +34,9 @@
                   class="absolute bottom-4 left-4 right-4 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300"
                 >
                   <h4 class="game-heading">{{ game.name }}</h4>
-                  <button class="button-primary w-full py-2">Jetzt Spielen</button>
+                  <button class="button-primary w-full py-2" (click)="navigateToGame(game.route)">
+                    Jetzt Spielen
+                  </button>
                 </div>
               </div>
             </div>
@@ -59,7 +61,9 @@
                   class="absolute bottom-4 left-4 right-4 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300"
                 >
                   <h4 class="game-heading">{{ game.name }}</h4>
-                  <button class="button-primary w-full py-2">Jetzt Spielen</button>
+                  <button class="button-primary w-full py-2" (click)="navigateToGame(game.route)">
+                    Jetzt Spielen
+                  </button>
                 </div>
               </div>
             </div>

frontend/src/app/feature/home/home.component.ts

@@ -38,31 +38,37 @@ export default class HomeComponent implements OnInit {
       id: '1',
       name: 'Poker',
       image: '/poker.webp',
+      route: '/game/poker',
     },
     {
       id: '2',
       name: 'Blackjack',
       image: '/blackjack.webp',
+      route: '/game/blackjack',
     },
     {
       id: '3',
       name: 'Slots',
       image: '/slots.webp',
+      route: '/game/slots',
     },
     {
       id: '4',
       name: 'Plinko',
       image: '/plinko.webp',
+      route: '/game/plinko',
     },
     {
       id: '5',
       name: 'Liars Dice',
       image: '/liars-dice.webp',
+      route: '/game/liars-dice',
     },
     {
       id: '6',
       name: 'Lootboxen',
       image: '/lootbox.webp',
+      route: '/game/lootbox',
     },
   ];
 
@@ -83,4 +89,8 @@ export default class HomeComponent implements OnInit {
   closeDepositConfirmationModal() {
     this.isDepositSuccessful = false;
   }
+
+  navigateToGame(route: string) {
+    this.router.navigate([route]);
+  }
 }