fix : correction de l'affichage de l'immatriculation sur une réception en cours + correction css étape 3 d'une réception

frontend/components/reception/reception-form.vue

@@ -421,14 +421,15 @@ watch(
         if (!isLiotCarrier.value) {
             return
         }
+        if (isHydrating.value) {
+            return
+        }
         const selected = filteredVehicles.value.find(
             (vehicle) => String(vehicle.id) === form.vehicleId
         )
         if (selected) {
             form.licensePlate = selected.plate
             allowAnyLicensePlate.value = false
-        } else if (form.vehicleId === '') {
-            form.licensePlate = ''
         }
     }
 )

frontend/components/reception/reception-product-received.vue

@@ -3,7 +3,7 @@
 <!--        @TODO voir pour séparer dans un composant au moment de l'implémentation des Bovins      -->
         <div
             v-if="receptionStore.current?.receptionType?.code === RECEPTION_TYPE_CODES.MERCHANDISES"
-            class="flex flex-col gap-8 items-center w-full">
+            class="flex flex-col gap-16 items-center w-full">
             <h1 class="text-4xl uppercase font-bold">Sélectionner des marchandises réceptionnnées</h1>
             <UiSelect
                 id="merchandise-type"
@@ -45,7 +45,7 @@
 
             <div
                 v-if="selectedMerchandiseTypeId && isGranule"
-                class="flex flex-col gap-10 w-full max-w-[900px]"
+                class="flex flex-col gap-10 w-full max-w-[1100px]"
             >
                 <div class="grid grid-cols-1 gap-10 md:grid-cols-4">
                     <div v-for="type in pelletTypes" :key="type.id" class="flex flex-col gap-4">