[#256] Créer une nouvelle réception (étape 3 - bovin) (!11)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|       256           | Créer une nouvelle réception (étape 3 - bovin)                |

## Description de la PR

## Modification du .env

## Check list

- [x ] Pas de régression
- [ ] TU/TI/TF rédigée
- [x ] TU/TI/TF OK
- [x ] CHANGELOG modifié

Co-authored-by: tristan <tristan@yuno.malio.fr>
Reviewed-on: https://gitea.malio.fr/MALIO-DEV/Ferme/pulls/11
Co-authored-by: kevin <kevin@yuno.malio.fr>
Co-committed-by: kevin <kevin@yuno.malio.fr>

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

@@ -1,10 +1,9 @@
 <template>
     <div class="flex flex-col items-center gap-16">
-<!--        @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-16 items-center w-full">
-            <h1 class="text-4xl uppercase font-bold">Sélectionner des marchandises réceptionnnées</h1>
+            <h1 class="text-4xl uppercase font-bold">Sélection des marchandises réceptionnnées</h1>
             <UiSelect
                 id="merchandise-type"
                 v-model="selectedMerchandiseTypeId"
@@ -12,7 +11,6 @@
                 :options="merchandiseTypes.map((type) => ({ value: String(type.id), label: type.label }))"
                 wrapper-class="w-[550px]"
             />
-
             <div
                 v-if="selectedMerchandiseTypeId && isAutres"
                 class="flex flex-col w-full max-w-[550px]"
@@ -69,25 +67,27 @@
         <button
             class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
             @click="goNext"
-        >Peser</button>
+        >Peser
+        </button>
     </div>
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
-import { getBuildingList } from '~/services/building'
-import { getMerchandiseTypeList } from '~/services/merchandise-type'
-import type { MerchandiseTypeData } from '~/services/dto/merchandise-type-data'
-import type { BuildingData } from '~/services/dto/building-data'
-import type { PelletTypeData } from '~/services/dto/pellet-type-data'
-import { getPelletTypeList } from '~/services/pellet-type'
+import {computed, onMounted, ref} from 'vue'
+import {getBuildingList} from '~/services/building'
+import {getMerchandiseTypeList} from '~/services/merchandise-type'
+import type {MerchandiseTypeData} from '~/services/dto/merchandise-type-data'
+import type {BuildingData} from '~/services/dto/building-data'
+import type {PelletTypeData} from '~/services/dto/pellet-type-data'
+import {getPelletTypeList} from '~/services/pellet-type'
 import {
     createReceptionPelletBuilding,
     deleteReceptionPelletBuilding,
     getReceptionPelletBuildingList
 } from '~/services/reception-pellet-building'
-import { useReceptionStore } from '~/stores/reception'
-import { MERCHANDISE_TYPE_CODES, RECEPTION_TYPE_CODES } from '~/utils/constants'
+import {useReceptionStore} from '~/stores/reception'
+import {MERCHANDISE_TYPE_CODES, RECEPTION_TYPE_CODES} from '~/utils/constants'
+import ReceptionBovineReceived from "~/components/reception/reception-bovine-received.vue";
 
 const receptionStore = useReceptionStore()
 const merchandiseTypes = ref<MerchandiseTypeData[]>([])
@@ -173,7 +173,6 @@ onMounted(async () => {
     }
     selectedPelletBuildingIds.value = selectionMap
 })
-
 // Enregistre les sélections et passe à l'étape suivante
 async function goNext() {
     if (!receptionStore.current) {
@@ -191,6 +190,8 @@ async function goNext() {
         buildings: isGranule.value
             ? []
             : selectedBuildingIds.value.map((id) => `/api/buildings/${id}`),
+        bovineDetail: null,
+        bovinesTypes: null,
         currentStep: nextStep
     })
 
@@ -208,7 +209,6 @@ async function clearPelletSelections(receptionIri: string) {
         await deleteReceptionPelletBuilding(selection.id)
     }
 }
-
 // Synchronise les associations granulés/bâtiments avec l'état du formulaire
 async function syncPelletSelections(receptionIri: string) {
     const existing = await getReceptionPelletBuildingList(receptionIri)
@@ -227,7 +227,7 @@ async function syncPelletSelections(receptionIri: string) {
     const desiredEntries: Array<{ pelletTypeId: string; buildingId: string }> = []
     for (const [pelletTypeId, buildingIds] of Object.entries(selectedPelletBuildingIds.value)) {
         for (const buildingId of buildingIds) {
-            desiredEntries.push({ pelletTypeId, buildingId })
+            desiredEntries.push({pelletTypeId, buildingId})
         }
     }