fix: i18n für Dashboard-Widget 'Dein Modell im Vergleich'

Card-Titel, Varianten-Subtitle, Reichweiten-Einheit, Hover-Referenz,
Empty-State und Error-Fallback waren auf Deutsch hardcoded. Keys in
allen 4 Locales (de/en/nb/sv) ergaenzt. categories auf computed
umgestellt, damit Labels/Einheiten bei Sprachwechsel reaktiv bleiben.

Author: sebastianwien

frontend/src/components/dashboard/PeerModelComparisonCard.vue

@@ -29,14 +29,14 @@ const currentCategoryIndex = ref(0)
 const slideDirection = ref('slide-next')
 const hoveredSpecId = ref<string | null>(null)
 
-const categories = [
+const categories = computed(() => [
   { id: 'consumption', label: t('dashboard.peer_consumption'), unit: 'kWh/100km', shortUnit: 'kWh/100km', color: 'blue', sortAsc: true },
   { id: 'costPerKwh', label: t('dashboard.peer_cost_label'), unit: '€/kWh', shortUnit: '€/kWh', color: 'purple', sortAsc: true },
   { id: 'costPer100km', label: t('dashboard.peer_cost_per_distance'), unit: '€/100km', shortUnit: '€/100km', color: 'orange', sortAsc: true },
-  { id: 'range', label: t('dashboard.peer_range'), unit: 'km (Nettokapazität)', shortUnit: 'km', color: 'green', sortAsc: false },
-]
+  { id: 'range', label: t('dashboard.peer_range'), unit: t('dashboard.peer_range_unit'), shortUnit: 'km', color: 'green', sortAsc: false },
+])
 
-const currentCategory = computed(() => categories[currentCategoryIndex.value])
+const currentCategory = computed(() => categories.value[currentCategoryIndex.value])
 
 const visibleComparisons = computed(() =>
   comparisons.value
@@ -55,12 +55,12 @@ const visibleComparisons = computed(() =>
 
 function nextCategory() {
   slideDirection.value = 'slide-next'
-  currentCategoryIndex.value = (currentCategoryIndex.value + 1) % categories.length
+  currentCategoryIndex.value = (currentCategoryIndex.value + 1) % categories.value.length
 }
 
 function prevCategory() {
   slideDirection.value = 'slide-prev'
-  currentCategoryIndex.value = (currentCategoryIndex.value - 1 + categories.length) % categories.length
+  currentCategoryIndex.value = (currentCategoryIndex.value - 1 + categories.value.length) % categories.value.length
 }
 
 onMounted(async () => {
@@ -70,7 +70,7 @@ onMounted(async () => {
     const response = await peerModelComparisonService.getPeerModelComparison(props.carId)
     comparisons.value = response.modelComparisons
   } catch (err) {
-    error.value = err instanceof Error ? err.message : 'Failed to load peer data'
+    error.value = err instanceof Error ? err.message : t('dashboard.peer_load_error')
   } finally {
     loading.value = false
   }
@@ -145,7 +145,7 @@ function getRelativePercent(item: PeerModelComparisonItem): string | null {
   const refVal = getItemValue(hoveredItem, currentCategory.value.id)
   const ownVal = getItemValue(item, currentCategory.value.id)
   if (refVal === null || ownVal === null || refVal === 0) return null
-  if (item.vehicleSpecificationId === hoveredSpecId.value) return 'Referenz'
+  if (item.vehicleSpecificationId === hoveredSpecId.value) return t('dashboard.peer_reference')
   const diff = Math.round((ownVal - refVal) / refVal * 100)
   return diff > 0 ? `+${diff}%` : `${diff}%`
 }
@@ -182,7 +182,7 @@ function getDisplayBarWidth(item: PeerModelComparisonItem): number {
           <ChevronLeftIcon class="w-4 h-4 text-gray-600 dark:text-gray-300" />
         </button>
         <button @click="toggleCollapsed" class="flex-1 flex flex-col items-center text-center min-w-0">
-          <p class="text-xs font-semibold text-gray-800 dark:text-gray-200">Dein {{ carBrandModel }} im Vergleich</p>
+          <p class="text-xs font-semibold text-gray-800 dark:text-gray-200">{{ t('dashboard.peer_card_title', { model: carBrandModel }) }}</p>
           <p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">{{ currentCategory.label }} · {{ currentCategory.unit }} · {{ currentCategoryIndex + 1 }}/{{ categories.length }}</p>
         </button>
         <button @click="nextCategory" class="p-1.5 hover:bg-gray-100 dark:hover:bg-gray-600 rounded shrink-0">
@@ -202,8 +202,8 @@ function getDisplayBarWidth(item: PeerModelComparisonItem): number {
         </button>
 
         <div class="flex-1 text-center">
-          <p class="text-sm font-semibold text-gray-800 dark:text-gray-200">Dein {{ carBrandModel }} im Vergleich</p>
-          <p class="text-xs text-gray-400 dark:text-gray-500">{{ visibleComparisons.length }} Varianten · gesamter Zeitraum</p>
+          <p class="text-sm font-semibold text-gray-800 dark:text-gray-200">{{ t('dashboard.peer_card_title', { model: carBrandModel }) }}</p>
+          <p class="text-xs text-gray-400 dark:text-gray-500">{{ t('dashboard.peer_card_variants', { count: visibleComparisons.length }) }}</p>
         </div>
 
         <div class="flex items-center gap-3">
@@ -235,7 +235,7 @@ function getDisplayBarWidth(item: PeerModelComparisonItem): number {
 
     <!-- Empty state -->
     <div v-else-if="visibleComparisons.length === 0" class="p-4 text-center text-xs text-gray-500 dark:text-gray-400">
-      <p>Keine Vergleichsdaten verfügbar</p>
+      <p>{{ t('dashboard.peer_no_comparison_data') }}</p>
     </div>
 
     <!-- Category Carousel -->

frontend/src/locales/de.yaml

@@ -582,6 +582,12 @@ dashboard:
   peer_model_fallback: "Vergleich mit {n} Fahrern des gleichen Modells (alle Varianten)"
   peer_no_data_title: "Kein Vergleich verfügbar"
   peer_no_data_body: "Sobald mehr Fahrer mit gleichem Modell Daten erfassen, erscheint hier dein Community-Vergleich."
+  peer_card_title: "Dein {model} im Vergleich"
+  peer_card_variants: "{count} Varianten · gesamter Zeitraum"
+  peer_range_unit: "km (Nettokapazität)"
+  peer_reference: "Referenz"
+  peer_no_comparison_data: "Keine Vergleichsdaten verfügbar"
+  peer_load_error: "Vergleichsdaten konnten nicht geladen werden"
   charging_type_split_title: "Ladeverteilung"
   charging_type_ac: "AC"
   charging_type_dc: "DC"

frontend/src/locales/en.yaml

@@ -582,6 +582,12 @@ dashboard:
   peer_model_fallback: "Comparing with {n} drivers of the same model (all variants)"
   peer_no_data_title: "No comparison available"
   peer_no_data_body: "Once more drivers with the same model track their data, your community comparison will appear here."
+  peer_card_title: "Your {model} in comparison"
+  peer_card_variants: "{count} variants · all time"
+  peer_range_unit: "km (net capacity)"
+  peer_reference: "Reference"
+  peer_no_comparison_data: "No comparison data available"
+  peer_load_error: "Could not load comparison data"
   charging_type_split_title: "Charging Distribution"
   charging_type_ac: "AC"
   charging_type_dc: "DC"

frontend/src/locales/nb.yaml

@@ -542,6 +542,12 @@ dashboard:
   peer_model_fallback: Sammenligner med {n} sjåfører av samme modell (alle varianter)
   peer_no_data_title: Ingen sammenligning tilgjengelig
   peer_no_data_body: Når flere sjåfører med samme modell registrerer data, vil sammenligningen din vises her.
+  peer_card_title: "Din {model} i sammenligning"
+  peer_card_variants: "{count} varianter · hele perioden"
+  peer_range_unit: km (nettokapasitet)
+  peer_reference: Referanse
+  peer_no_comparison_data: Ingen sammenligningsdata tilgjengelig
+  peer_load_error: Kunne ikke laste sammenligningsdata
   charging_type_split_title: Ladefordeling
   charging_type_ac: AC
   charging_type_dc: DC

frontend/src/locales/sv.yaml

@@ -542,6 +542,12 @@ dashboard:
   peer_model_fallback: Jämför med {n} förare av samma modell (alla varianter)
   peer_no_data_title: Ingen jämförelse tillgänglig
   peer_no_data_body: När fler förare med samma modell registrerar data visas din jämförelse här.
+  peer_card_title: "Din {model} i jämförelse"
+  peer_card_variants: "{count} varianter · hela perioden"
+  peer_range_unit: km (nettokapacitet)
+  peer_reference: Referens
+  peer_no_comparison_data: Inga jämförelsedata tillgängliga
+  peer_load_error: Kunde inte ladda jämförelsedata
   charging_type_split_title: Laddningsfordelning
   charging_type_ac: AC
   charging_type_dc: DC