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) => {

app/pages/index.vue

@@ -151,7 +151,7 @@
                         class="w-4 h-4 text-secondary"
                         aria-hidden="true"
                       />
-                      <span>{{ site.contactPhone }}</span>
+                      <span>{{ formatPhoneDisplay(site.contactPhone) }}</span>
                     </div>
                     <div class="flex items-start gap-2">
                       <IconLucideMapPinned
@@ -465,6 +465,7 @@ import IconLucideMapPinned from '~icons/lucide/map-pinned'
 import IconLucideChevronDown from '~icons/lucide/chevron-down'
 import IconLucideSettings2 from '~icons/lucide/settings-2'
 import IconLucideTag from '~icons/lucide/tag'
+import { formatPhone } from '~/utils/formatters/phone'
 
 const { sites, loading, loadSites, createSite } = useSites()
 const { machineTypes, loadMachineTypes } = useMachineTypesApi()
@@ -516,6 +517,14 @@ const totalMachines = computed(() => {
   }, 0)
 })
 
+const formatPhoneDisplay = (value) => {
+  const formatted = formatPhone(value)
+  if (formatted) {
+    return formatted
+  }
+  return value || '—'
+}
+
 const filteredSites = computed(() => {
   let filtered = sites.value