fix: systeme metrics chart

layouts/default.vue

@@ -50,7 +50,7 @@
         <div class="sidebar-divider"/>
         <div class="status-card">
           <p class="status-label">Environnement</p>
-          <p class="status-value">Production</p>
+          <p class="status-value">{{ environmentLabel }}</p>
           <p class="status-description">
             Acces rapide au monitoring, aux sauvegardes et aux cartes systeme.
           </p>
@@ -123,7 +123,7 @@
         <div class="sidebar-divider"/>
         <div class="status-card">
           <p class="status-label">Environnement</p>
-          <p class="status-value">Production</p>
+          <p class="status-value">{{ environmentLabel }}</p>
           <p class="status-description">
             Navigation rapide vers les vues principales de supervision.
           </p>
@@ -153,6 +153,7 @@ const {
   public: {appVersion}
 } = useRuntimeConfig()
 const isMenuOpen = ref(false)
+const environmentLabel = import.meta.dev ? "Developpement" : "Production"
 const navItems = [
   {
     to: "/",
@@ -169,6 +170,13 @@ const navItems = [
     icon: "mdi:database-arrow-up-outline"
   }
 ]
+onMounted(() => {
+  const handler = (e: KeyboardEvent) => {
+    if (e.key === "Escape") isMenuOpen.value = false
+  }
+  document.addEventListener("keydown", handler)
+  onBeforeUnmount(() => document.removeEventListener("keydown", handler))
+})
 </script>
 
 <style scoped>