Refactor: ensure the language is 100% English:

Author: JFranciosi

src/app/components/bet-controls/bet-controls.html

@@ -8,7 +8,7 @@
 
     <div class="inputs-row">
         <div class="input-group">
-            <label>Puntata (€)</label>
+            <label>Bet Amount (€)</label>
             <p-inputNumber [(ngModel)]="betAmount" mode="currency" currency="EUR" locale="it-IT" [min]="0.10"
                 [max]="1000" [showButtons]="true" buttonLayout="horizontal" incrementButtonIcon="pi pi-plus"
                 decrementButtonIcon="pi pi-minus">
@@ -25,8 +25,8 @@
 
     <div class="action-row">
         <button class="bet-button" (click)="placeBet()">
-            SCOMMETTI
-            <span class="sub-text">ORA</span>
+            BET
+            <span class="sub-text">NOW</span>
         </button>
     </div>
 </div>

src/app/components/chat/chat.ts

@@ -17,9 +17,9 @@ export class ChatComponent implements OnInit {
 
     ngOnInit() {
         this.messages = [
-            { user: 'Mario', text: 'Buona fortuna a tutti! 🍀', time: '11:30' },
-            { user: 'Luigi', text: 'Vado per il 2x!', time: '11:31' },
-            { user: 'Admin', text: 'Benvenuti su Pizza Express Crash!', time: '11:32', type: 'system' }
+            { user: 'Mario', text: 'Good luck everyone! 🍀', time: '11:30' },
+            { user: 'Luigi', text: 'Going for 2x!', time: '11:31' },
+            { user: 'Admin', text: 'Welcome to Pizza Express Crash!', time: '11:32', type: 'system' }
         ];
     }
 

src/app/components/player-bets/player-bets.html

@@ -1,9 +1,9 @@
 <div class="bets-container">
     <div class="bets-header">
-        <span>Giocatore</span>
-        <span>Puntata</span>
-        <span>Moltiplicatore</span>
-        <span>Profitto</span>
+        <span>User</span>
+        <span>Bet</span>
+        <span>Multiplier</span>
+        <span>Profit</span>
     </div>
     <div class="bets-list">
         @for (bet of bets; track bet.user) {
@@ -30,6 +30,6 @@
         }
     </div>
     <div class="total-bets">
-        {{ bets.length }} Giocatori in gara
+        {{ bets.length }} Players present
     </div>
 </div>

src/app/pages/home/home.html

@@ -26,6 +26,6 @@
 
 <!-- Logout floating button (temporary until profile section) -->
 <div class="logout-btn-container">
-    <p-button icon="pi pi-power-off" styleClass="p-button-rounded p-button-danger p-button-text"
+    <p-button icon="pi pi-sign-out" styleClass="p-button-rounded p-button-danger p-button-text"
         (onClick)="logout()"></p-button>
 </div>

src/app/pages/home/home.ts

@@ -260,7 +260,7 @@ export class Home implements OnInit, OnDestroy, AfterViewInit {
         // Stato
         this.ctx.font = 'bold 24px Inter, sans-serif';
         this.ctx.fillStyle = '#008C45';
-        this.ctx.fillText('IN CONSEGNA...', w / 2, h / 2 + 30);
+        this.ctx.fillText('DELIVERING...', w / 2, h / 2 + 30);
     }
 
     drawCrash() {

src/app/pages/login/login.html

@@ -1,6 +1,6 @@
 <div class="login-container">
     <p-toast></p-toast>
-    <p-card header="Benvenuto" [style]="{ width: '100%', maxWidth: '400px' }">
+    <p-card header="Welcome" [style]="{ width: '100%', maxWidth: '400px' }">
         <form [formGroup]="loginForm" (ngSubmit)="onSubmit()" class="flex flex-column gap-4">
 
             <div class="field">
@@ -18,7 +18,7 @@
                 </p-floatLabel>
             </div>
 
-            <p-button label="Accedi" type="submit" [loading]="loading" styleClass="w-full"></p-button>
+            <p-button label="Login" type="submit" [loading]="loading" styleClass="w-full"></p-button>
 
             @if (error) {
             <div class="error-message">
@@ -27,7 +27,7 @@
             }
 
             <div class="text-center mt-3">
-                <a routerLink="/register" class="text-primary no-underline">Non hai un account? Registrati</a>
+                <a routerLink="/register" class="text-primary no-underline">Don't have an account? Register</a>
             </div>
         </form>
     </p-card>

src/app/pages/register/register.html

@@ -1,6 +1,6 @@
 <div class="register-container">
     <p-toast></p-toast>
-    <p-card header="Registrazione" [style]="{ width: '100%', maxWidth: '400px' }">
+    <p-card header="Registration" [style]="{ width: '100%', maxWidth: '400px' }">
         <form [formGroup]="registerForm" (ngSubmit)="onSubmit()" class="flex flex-column gap-4">
 
             <div class="field">
@@ -25,7 +25,7 @@
                 </p-floatLabel>
             </div>
 
-            <p-button label="Registrati" type="submit" [loading]="loading" styleClass="w-full"></p-button>
+            <p-button label="Register" type="submit" [loading]="loading" styleClass="w-full"></p-button>
 
             @if (error) {
             <div class="error-message">
@@ -34,7 +34,7 @@
             }
 
             <div class="text-center mt-3">
-                <a routerLink="/login" class="text-primary no-underline">Hai già un account? Accedi</a>
+                <a routerLink="/login" class="text-primary no-underline">Already have an account? Login</a>
             </div>
         </form>
     </p-card>