feat(i18n): enhance localization for chat and minigames

- Updated localization strings for chat and minigames across multiple languages, including Cebuano, German, English, Spanish, and French, to improve user experience and clarity.
- Added new translations for participant counts, user selection prompts, and game over messages, ensuring consistency and better engagement in the UI.
- Enhanced existing translations for accuracy and context, particularly in the TaxiGame component and chat functionalities.

frontend/src/views/minigames/TaxiGame.vue

@@ -14,37 +14,37 @@
           <div class="game-area">
             <!-- Legende (links) -->
             <div class="controls-legend">
-              <h3>Steuerung</h3>
+              <h3>{{ $t('minigames.taxi.controls') }}</h3>
               <div class="legend-grid">
                 <div class="legend-item">
                   <span class="legend-key">↑ W</span>
-                  <span class="legend-text">Gas geben</span>
+                  <span class="legend-text">{{ $t('minigames.taxi.accelerate') }}</span>
                 </div>
                 <div class="legend-item">
                   <span class="legend-key">↓ X</span>
-                  <span class="legend-text">Bremsen</span>
+                  <span class="legend-text">{{ $t('minigames.taxi.brake') }}</span>
                 </div>
                 <div class="legend-item">
                   <span class="legend-key">→ D</span>
-                  <span class="legend-text">Rechts lenken</span>
+                  <span class="legend-text">{{ $t('minigames.taxi.steerRight') }}</span>
                 </div>
                 <div class="legend-item">
                   <span class="legend-key">← A</span>
-                  <span class="legend-text">Links lenken</span>
+                  <span class="legend-text">{{ $t('minigames.taxi.steerLeft') }}</span>
                 </div>
               </div>
               
               <!-- Ziele -->
               <div class="game-objectives">
-                <h4>Ziele</h4>
+                <h4>{{ $t('minigames.taxi.goals') }}</h4>
                 <ul>
-                  <li>Vermeide Kollisionen mit anderen Fahrzeugen</li>
+                  <li>{{ $t('minigames.taxi.avoidCollisions') }}</li>
                 </ul>
               </div>
 
               <!-- Straßenname-Legende -->
               <div class="game-objectives" v-if="streetLegend.length">
-                <h4>Straßennamen</h4>
+                <h4>{{ $t('minigames.taxi.streetNames') }}</h4>
                 <ul>
                   <li 
                     v-for="item in streetLegend" 
@@ -64,11 +64,11 @@
               <!-- Tacho-Display -->
               <div class="tacho-display">
                 <div class="tacho-speed">
-                  <span class="lives" title="Verbleibende Fahrzeuge">❤️ {{ vehicleCount }}</span>
-                  <span class="fuel" title="Treibstoff">⛽ {{ Math.round(fuel) }}%</span>
-                  <span class="score" title="Punkte">⭐ {{ score }}</span>
-                  <span class="speed-violations" title="Geschwindigkeitsverstöße">📷 {{ speedViolations }}</span>
-                  <span class="redlight-counter" title="Rote Ampeln überfahren">
+                  <span class="lives" :title="$t('minigames.taxi.remainingVehicles')">❤️ {{ vehicleCount }}</span>
+                  <span class="fuel" :title="$t('minigames.taxi.fuelTitle')">⛽ {{ Math.round(fuel) }}%</span>
+                  <span class="score" :title="$t('minigames.taxi.pointsTitle')">⭐ {{ score }}</span>
+                  <span class="speed-violations" :title="$t('minigames.taxi.speedViolations')">📷 {{ speedViolations }}</span>
+                  <span class="redlight-counter" :title="$t('minigames.taxi.redLightsPassed')">
                     <span class="redlight-icon">🚦</span>
                     <span class="redlight-value">{{ redLightViolations }}</span>
                   </span>
@@ -108,15 +108,15 @@
                 <!-- Highscore-Anzeige (als Overlay über dem Canvas) -->
                 <div v-if="showHighscore" class="highscore-overlay">
                 <div class="highscore-header">
-                  <h2>🏆 Highscore</h2>
-                  <div class="highscore-subtitle">Top 20 Spieler</div>
+                  <h2>🏆 {{ $t('minigames.taxi.highscore') }}</h2>
+                  <div class="highscore-subtitle">{{ $t('minigames.taxi.topPlayers') }}</div>
                 </div>
                 <div class="highscore-list">
                   <div v-if="loadingHighscore" class="loading-message">
-                    Lade Highscore...
+                    {{ $t('minigames.taxi.loadingHighscore') }}
                   </div>
                   <div v-else-if="highscoreList.length === 0" class="no-highscore">
-                    Noch keine Highscores vorhanden
+                    {{ $t('minigames.taxi.noHighscore') }}
                   </div>
                   <div v-else class="highscore-table">
                     <div 
@@ -127,7 +127,7 @@
                     >
                       <div class="highscore-rank">{{ entry.rank }}</div>
                       <div class="highscore-name">{{ entry.nickname }}</div>
-                      <div class="highscore-points">{{ entry.points }} Pkt</div>
+                      <div class="highscore-points">{{ entry.points }} {{ $t('minigames.taxi.pointsShort') }}</div>
                     </div>
                     <div v-if="showCurrentPlayerBelow" class="highscore-separator">...</div>
                     <div 
@@ -136,7 +136,7 @@
                     >
                       <div class="highscore-rank">{{ currentPlayerEntry.rank }}</div>
                       <div class="highscore-name">{{ currentPlayerEntry.nickname }}</div>
-                      <div class="highscore-points">{{ currentPlayerEntry.points }} Pkt</div>
+                      <div class="highscore-points">{{ currentPlayerEntry.points }} {{ $t('minigames.taxi.pointsShort') }}</div>
                     </div>
                   </div>
                 </div>
@@ -154,7 +154,7 @@
               {{ $t('minigames.taxi.restartLevel') }}
             </button>
             <button @click="toggleHighscore" class="control-button">
-              {{ showHighscore ? 'Zurück zum Spiel' : 'Highscore' }}
+              {{ showHighscore ? $t('minigames.taxi.backToGame') : $t('minigames.taxi.highscore') }}
             </button>
           </div>
         </div>
@@ -164,7 +164,7 @@
           <!-- Minimap -->
           <div class="minimap-card">
             <div class="minimap-header">
-              <h3 class="minimap-title">Minimap</h3>
+              <h3 class="minimap-title">{{ $t('minigames.taxi.minimap') }}</h3>
               <div class="map-selector">
                 <select v-model="selectedMapId" @change="onMapChange" class="map-select">
                   <option 
@@ -190,19 +190,19 @@
           <!-- Geladene Passagiere -->
           <div class="loaded-passengers-card">
             <div class="loaded-passengers-header">
-              <h3 class="loaded-passengers-title">Geladene Passagiere</h3>
+              <h3 class="loaded-passengers-title">{{ $t('minigames.taxi.loadedPassengers') }}</h3>
             </div>
             <div class="loaded-passengers-content">
               <div v-if="loadedPassengersList.length === 0" class="no-passengers">
-                Keine Passagiere im Taxi
+                {{ $t('minigames.taxi.noPassengersInTaxi') }}
               </div>
               <table v-else class="passengers-table">
                 <thead>
                   <tr>
-                    <th>Name</th>
-                    <th>Ziel</th>
-                    <th>Bonus</th>
-                    <th>Zeit</th>
+                    <th>{{ $t('minigames.taxi.name') }}</th>
+                    <th>{{ $t('minigames.taxi.destination') }}</th>
+                    <th>{{ $t('minigames.taxi.bonus') }}</th>
+                    <th>{{ $t('minigames.taxi.time') }}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -227,11 +227,11 @@
           <!-- Wartende Passagiere -->
           <div class="waiting-passengers-card">
             <div class="waiting-passengers-header">
-              <h3 class="waiting-passengers-title">Wartende Passagiere</h3>
+              <h3 class="waiting-passengers-title">{{ $t('minigames.taxi.waitingPassengers') }}</h3>
             </div>
             <div class="waiting-passengers-list">
               <div v-if="waitingPassengersList.length === 0" class="no-passengers">
-                Keine wartenden Passagiere
+                {{ $t('minigames.taxi.noWaitingPassengers') }}
               </div>
               <table v-else>
                 <tr v-for="(passenger, index) in waitingPassengersList" 
@@ -3047,9 +3047,8 @@ export default {
       
       // Dialog über globale MessageDialog öffnen
       this.$nextTick(() => {
-        // Temporär direkte Übersetzung verwenden, bis i18n-Problem gelöst ist
-        const crashMessage = `Du hattest einen Unfall! Crashes: ${this.crashes}`;
-        const crashTitle = 'Unfall!';
+        const crashMessage = this.$t('minigames.taxi.crash.message', { crashes: this.crashes });
+        const crashTitle = this.$t('minigames.taxi.crash.title');
         this.$root?.$refs?.messageDialog?.open?.(crashMessage, crashTitle, {}, this.handleCrashDialogClose);
         
         console.log('Crash-Dialog wird angezeigt:', {
@@ -3137,7 +3136,7 @@ export default {
           playtime: playTime,
           points: this.score,
           mapId: this.currentMap ? this.currentMap.id : null,
-          mapName: this.currentMap ? this.currentMap.name : 'Unbekannt'
+          mapName: this.currentMap ? this.currentMap.name : this.$t('minigames.taxi.unknownMap')
         };
 
         const response = await apiClient.post('/api/taxi/highscores', highscoreData);
@@ -3166,14 +3165,15 @@ export default {
       const playTimeMinutes = Math.floor(playTime / 60);
       const playTimeSeconds = playTime % 60;
       
-      const title = 'Spiel beendet!';
-      const msg = `Keine Fahrzeuge mehr. Spiel beendet!\n\n` +
-                  `Deine Leistung:\n` +
-                  `• Passagiere: ${this.passengersDelivered}\n` +
-                  `• Punkte: ${this.score}\n` +
-                  `• Spielzeit: ${playTimeMinutes}:${playTimeSeconds.toString().padStart(2, '0')}\n` +
-                  `• Map: ${this.currentMap ? this.currentMap.name : 'Unbekannt'}\n\n` +
-                  `Highscore wurde gespeichert!`;
+      const mapLabel = this.currentMap ? this.currentMap.name : this.$t('minigames.taxi.unknownMap');
+      const playTimeStr = `${playTimeMinutes}:${playTimeSeconds.toString().padStart(2, '0')}`;
+      const title = this.$t('minigames.taxi.gameOverTitle');
+      const msg = this.$t('minigames.taxi.gameOverMessage', {
+        passengers: this.passengersDelivered,
+        score: this.score,
+        playTime: playTimeStr,
+        map: mapLabel
+      });
       
       this.$root?.$refs?.messageDialog?.open?.(msg, title, {}, () => {
         this.restartLevel();