Implémentation complète du multilingue FR/EN

- Installation vue-i18n v11 et création des fichiers de traduction (fr.json, en.json)
- Création store locale avec détection hiérarchique (URL > localStorage > navigator)
- Modification des routes avec préfixe /:locale? optionnel
- Toggle FR/EN dans Menu.vue avec synchronisation immédiate
- Traduction de ~200 textes dans 27 composants Vue
- Suppression des labels hardcodés en français côté backend
- Ajout route Kirby catch-all en/(:all?) pour /en/ URLs
- Helper addLocalePrefix() pour préserver locale dans liens dialogs
- Traduction pseudo-élément CSS via data attribute

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/components/ProjectRequestDialog.vue

@@ -5,12 +5,12 @@
     modal
     :draggable="false"
     :dismissableMask="true"
-    header="Demander la création d’un projet"
+    :header="t('dialogs.requestProject')"
     class="dialog"
     :closeOnEscape="true"
   >
     <template #header>
-      <h2 class="font-serif text-lg">Demander la création d’un projet</h2>
+      <h2 class="font-serif text-lg">{{ t('dialogs.requestProject') }}</h2>
     </template>
 
     <form
@@ -18,24 +18,28 @@
       class="w-full h-full p-16 flex flex-col"
       style="--row-gap: 1rem"
     >
-      <label for="project-title" class="sr-only">Nom du projet</label>
+      <label for="project-title" class="sr-only">{{
+        t('forms.projectName')
+      }}</label>
       <input
         type="text"
         v-model="title"
         id="project-title"
-        placeholder="Nom du projet"
+        :placeholder="t('forms.projectName')"
         class="w-full rounded-md border border-grey-200 px-16 py-12"
         required
       />
 
-      <label for="project-details" class="sr-only">Détails du projet</label>
+      <label for="project-details" class="sr-only">{{
+        t('forms.projectDetails')
+      }}</label>
       <textarea
         id="project-details"
         name="details"
         v-model="details"
         cols="30"
         rows="10"
-        placeholder="Détails du projet…"
+        :placeholder="t('forms.projectDetailsPlaceholder')"
         class="w-full flex-1 rounded-md border border-grey-200 px-16 py-12"
         required
       ></textarea>
@@ -52,26 +56,24 @@
           class="flex font-medium mt-4"
           style="--column-gap: var(--space-4)"
         >
-          Créer avec
-          <span class="flex justify-center text-sm" data-icon="leaf"
-            >Design to Light</span
-          >
+          {{ t('dialogs.createWithDTL') }}
+          <span class="flex justify-center text-sm" data-icon="leaf">{{
+            t('dtl.title')
+          }}</span>
         </label>
         <p class="text-sm mt-8 mb-4">
-          Découvrez la note environnementale de votre projet et allégez l’impact
-          de votre projet grâce à nos expertises d’optimisation du poids de
-          flacon.
+          {{ t('dialogs.dtlDescription') }}
         </p>
-        <router-link to="/design-to-light" class="text-sm font-medium"
-          >En savoir plus</router-link
-        >
+        <router-link to="/design-to-light" class="text-sm font-medium">{{
+          t('dialogs.learnMore')
+        }}</router-link>
       </div>
 
       <footer class="flex-columns w-full mt-16" style="column-gap: 0.5rem">
         <button class="btn btn--black-10" @click="emits('close')">
-          Annuler
+          {{ t('buttons.cancel') }}
         </button>
-        <button class="btn" type="submit">Soumettre</button>
+        <button class="btn" type="submit">{{ t('buttons.submit') }}</button>
       </footer>
     </form>
   </Dialog>
@@ -81,6 +83,9 @@
 import Dialog from 'primevue/dialog';
 import { ref, watch } from 'vue';
 import { useApiStore } from '../stores/api';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const title = ref('');
 const details = ref('');