feat(blackjack): implement game start and controls functionality

frontend/src/app/feature/game/blackjack/blackjack.component.html

@@ -3,20 +3,23 @@
 <div class="container mx-auto px-4 py-6 space-y-8">
   <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
     <div class="lg:col-span-3 space-y-6 flex flex-col gap-4">
-      <app-dealer-hand [cards]="dealerCards"></app-dealer-hand>
-      <app-player-hand [cards]="playerCards"></app-player-hand>
-      <app-game-controls
-        (hit)="onHit()"
-        (stand)="onStand()"
-        (leave)="leaveGame()"
-      ></app-game-controls>
+      <app-dealer-hand [cards]="dealerCards()"></app-dealer-hand>
+      <app-player-hand [cards]="playerCards()"></app-player-hand>
+      @if (gameInProgress()) {
+        <app-game-controls
+          (hit)="onHit()"
+          (stand)="onStand()"
+          (leave)="leaveGame()"
+        ></app-game-controls>
+      }
     </div>
 
     <div class="lg:col-span-1 space-y-6">
       <app-game-info
         [balance]="balance()"
-        [currentBet]="currentBet"
-        (newGame)="onNewGame()"
+        [currentBet]="currentBet()"
+        [gameInProgress]="gameInProgress()"
+        (newGame)="onNewGame($event)"
       ></app-game-info>
     </div>
   </div>