feat : display container port mappings in environment health

Extract exposed ports from docker inspect and show them as badges (hostPort:containerPort)
in the environment health section.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/i18n/locales/fr.json

@@ -138,6 +138,7 @@
             "uptime": "Uptime",
             "cpu": "CPU",
             "memory": "Memoire",
+            "ports": "Ports",
             "noData": "Aucune donnee disponible"
         },
         "deploy": {

frontend/pages/applications/[slug].vue

@@ -427,7 +427,7 @@ onMounted(loadApplication)
                     <!-- Health metrics -->
                     <div v-if="healthByEnvId[env.id!]" class="mt-4 border-t border-neutral-200 py-3">
                         <p class="text-sm font-bold uppercase tracking-wider mb-2">{{ t('environments.health.title') }}</p>
-                        <div class="grid grid-cols-2 sm:grid-cols-5 gap-3">
+                        <div class="grid grid-cols-2 sm:grid-cols-6 gap-3">
                             <div>
                                 <p class="text-xs text-neutral-400">{{ t('environments.health.status') }}</p>
                                 <span
@@ -456,6 +456,19 @@ onMounted(loadApplication)
                                     <span class="text-neutral-400">({{ healthByEnvId[env.id!].memoryPercent }}%)</span>
                                 </p>
                             </div>
+                            <div>
+                                <p class="text-xs text-neutral-400">{{ t('environments.health.ports') }}</p>
+                                <div v-if="healthByEnvId[env.id!].ports?.length" class="mt-1 flex flex-wrap gap-1">
+                                    <span
+                                        v-for="(p, i) in healthByEnvId[env.id!].ports"
+                                        :key="i"
+                                        class="inline-block rounded bg-neutral-100 px-2 py-0.5 text-xs font-mono text-neutral-700"
+                                    >
+                                        {{ p.hostPort }}:{{ p.containerPort }}
+                                    </span>
+                                </div>
+                                <p v-else class="text-sm text-neutral-400 mt-1">-</p>
+                            </div>
                         </div>
                     </div>
                     <div class="flex justify-center gap-4 mt-4">

frontend/services/dto/dashboard.ts

@@ -16,6 +16,12 @@ type DashboardResponse = {
     applications: DashboardApplication[]
 }
 
+type PortMapping = {
+    hostPort: string
+    containerPort: string
+    protocol: string
+}
+
 type EnvironmentHealth = {
     status: string
     version: string
@@ -24,4 +30,5 @@ type EnvironmentHealth = {
     memoryUsage: string
     memoryLimit: string
     memoryPercent: number
+    ports: PortMapping[]
 }