fix(front) : masque les champs non remplis en consultation sur les 4 modules (ERP-193)

En consultation (lecture seule), les champs vides et les cases a cocher non
cochees ne sont plus affiches (client, fournisseur, prestataire, transporteur).
Util partage isFilled (vide = null/chaine vide/multiselect vide/false ; 0 reste
affiche). Nouveau prop hideEmpty sur les blocs contact/adresse, passe uniquement
en consultation (edition inchangee).

frontend/modules/commercial/components/ClientContactBlock.vue

@@ -13,6 +13,7 @@
         />
 
         <MalioInputText
+            v-if="!hideEmpty || isFilled(model.lastName)"
             :model-value="model.lastName"
             :label="t('commercial.clients.form.contact.lastName')"
             :mask="PERSON_NAME_MASK"
@@ -22,6 +23,7 @@
             @update:model-value="(v: string) => update('lastName', v)"
         />
         <MalioInputText
+            v-if="!hideEmpty || isFilled(model.firstName)"
             :model-value="model.firstName"
             :label="t('commercial.clients.form.contact.firstName')"
             :mask="PERSON_NAME_MASK"
@@ -33,7 +35,7 @@
         <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText
              (inheritAttrs:false) renvoie `class` sur l'input interne, pas sur la
              cellule de grille. Le wrapper porte le col-span-2, le champ le remplit. -->
-        <div class="col-span-2">
+        <div v-if="!hideEmpty || isFilled(model.jobTitle)" class="col-span-2">
             <MalioInputText
                 :model-value="model.jobTitle"
                 :label="t('commercial.clients.form.contact.jobTitle')"
@@ -45,6 +47,7 @@
             />
         </div>
         <MalioInputEmail
+            v-if="!hideEmpty || isFilled(model.email)"
             :model-value="model.email"
             :label="t('commercial.clients.form.contact.email')"
             :readonly="readonly"
@@ -54,6 +57,7 @@
             @update:model-value="(v: string) => update('email', v)"
         />
         <MalioInputPhone
+            v-if="!hideEmpty || isFilled(model.phonePrimary)"
             :model-value="model.phonePrimary"
             :label="t('commercial.clients.form.contact.phonePrimary')"
             :mask="PHONE_MASK"
@@ -66,7 +70,7 @@
             @add="revealSecondaryPhone"
         />
         <MalioInputPhone
-            v-if="model.hasSecondaryPhone"
+            v-if="model.hasSecondaryPhone && (!hideEmpty || isFilled(model.phoneSecondary))"
             :model-value="model.phoneSecondary"
             :label="t('commercial.clients.form.contact.phoneSecondary')"
             :mask="PHONE_MASK"
@@ -81,6 +85,7 @@
 <script setup lang="ts">
 import type { ContactFormDraft } from '~/modules/commercial/types/clientForm'
 import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'
 
 // Masque telephone FR : 5 groupes de 2 chiffres (la normalisation finale reste
 // serveur, cf. formatPhoneFR re-applique a la valeur renvoyee).
@@ -97,6 +102,8 @@ const props = defineProps<{
     readonly?: boolean
     /** Bloc desactive (champs grises, consultation — distinct de readonly). */
     disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
     /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
     errors?: Record<string, string>
 }>()