feat: standardize contact formatting

app/pages/constructeurs.vue

@@ -69,7 +69,7 @@
               <tr v-for="constructeur in filteredConstructeurs" :key="constructeur.id" class="text-sm">
                 <td>{{ constructeur.name }}</td>
                 <td>{{ constructeur.email || '—' }}</td>
-                <td>{{ constructeur.phone || '—' }}</td>
+                <td>{{ formatPhoneDisplay(constructeur.phone) }}</td>
                 <td class="text-right">
                   <div class="flex justify-end gap-2">
                     <button class="btn btn-ghost btn-xs" @click="openEditModal(constructeur)">
@@ -122,6 +122,7 @@ import FieldEmail from '~/components/form/FieldEmail.vue'
 import FieldPhone from '~/components/form/FieldPhone.vue'
 import { useConstructeurs } from '~/composables/useConstructeurs'
 import { useToast } from '~/composables/useToast'
+import { formatPhone } from '~/utils/formatters/phone'
 import IconLucidePlus from '~icons/lucide/plus'
 
 const { constructeurs, loading, searchConstructeurs, createConstructeur, updateConstructeur, deleteConstructeur, loadConstructeurs } = useConstructeurs()
@@ -150,6 +151,14 @@ const debouncedSearch = debounce(async () => {
   await searchConstructeurs(searchTerm.value)
 }, 300)
 
+const formatPhoneDisplay = (value) => {
+  const formatted = formatPhone(value)
+  if (formatted) {
+    return formatted
+  }
+  return value || '—'
+}
+
 function debounce (fn, delay) {
   let timeout
   return (...args) => {