Enhance transport mode handling by adding localized labels and updating related components in MapRegionsView and BranchView

frontend/src/views/admin/falukant/MapRegionsView.vue

@@ -199,7 +199,7 @@
                 <tr v-for="c in connections" :key="c.id">
                   <td>{{ regionName(c.sourceRegionId) }}</td>
                   <td>{{ regionName(c.targetRegionId) }}</td>
-                  <td>{{ c.transportMode }}</td>
+                  <td>{{ modeLabel(c.transportMode) }}</td>
                   <td>{{ c.distance }}</td>
                   <td>
                     <button class="btn btn-secondary" @click="deleteConnection(c.id)">
@@ -259,6 +259,14 @@ export default {
       this.mapWidth = bounds.width;
       this.mapHeight = bounds.height;
     },
+    modeLabel(mode) {
+      if (!mode) return '';
+      const key = String(mode);
+      const tKey = `falukant.branch.transport.modes.${key}`;
+      const translated = this.$t(tKey);
+      if (!translated || translated === tKey) return mode;
+      return translated;
+    },
     async loadRegions() {
       try {
         const { data } = await apiClient.get('/api/admin/falukant/regions');