feat : ajout loader skeleton

frontend/components/reception/reception-form.vue

@@ -1,5 +1,6 @@
 <template>
-    <form @submit.prevent="validate">
+    <skeletonForm v-if="isPageLoading"/>
+    <form v-else @submit.prevent="validate">
         <div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 mb-16">
             <h1 class="font-bold text-5xl uppercase col-start-1 row-start-1">Réception</h1>
             <!--    Nom de l'utilisateur       -->
@@ -147,6 +148,7 @@ import {RECEPTION_TYPE_CODES, SUPPLIER_CODE} from "~/utils/constants";
 import {deleteReceptionBovine, getReceptionBovineList} from "~/services/reception-bovine";
 import type {ReceptionFormData} from "~/services/dto/reception-data";
 
+const isPageLoading = ref(true)
 const router = useRouter()
 const receptionStore = useReceptionStore()
 const form = reactive<ReceptionFormData>({
@@ -329,15 +331,17 @@ const setDefaultUser = () => {
 
 // On récupère toutes les données des selects au chargement du composant
 onMounted(async () => {
-    receptionTypes.value = await getReceptionTypeList()
-    await loadUsers()
-    await loadSuppliers()
-    await loadTrucks()
-    await loadCarriers()
-    await loadDrivers()
-    await loadVehicles()
-    await authStore.ensureSession()
-    setDefaultUser()
+        receptionTypes.value = await getReceptionTypeList()
+        await loadUsers()
+        await loadSuppliers()
+        await loadTrucks()
+        await loadCarriers()
+        await loadDrivers()
+        await loadVehicles()
+        await authStore.ensureSession()
+        setDefaultUser()
+        //isPageLoading.value = false
+
 })
 
 // Ajuste driver/vehicle quand le transporteur change (logique LIOT)