[#FER-30] Revoir l'affichage type bovin (!57)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

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

Reviewed-on: #57
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

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

@@ -5,12 +5,10 @@
         @submit.prevent="goNext"
     >
         <h1 class="text-4xl uppercase font-bold text-primary-500">Sélection des races réceptionnées</h1>
-        <div
-            class="flex flex-row gap-8 items-center w-full">
+        <div class="grid grid-cols-4 gap-x-8 gap-y-6">
             <div
                 v-for="type in bovineType"
-                :key="type.id"
-                class="mt-8 flex flex-row mb-2 w-full">
+                :key="type.id">
                 <UiNumberInput
                     :id="type.id"
                     :label="type.label"
@@ -23,12 +21,11 @@
                     wrapper-class="gap-3"
                 />
             </div>
-            <div
-                class="mt-8 flex flex-row mb-2 gap-6">
+            <div>
                 <UiNumberInput
                     label="Autres"
                     v-model="otherQuantity"
-                    class="max-w-[80px]"
+                    class="max-w-[150px]"
                     wrapper-class="gap-3"
                 />
             </div>
@@ -79,7 +76,7 @@ const totalBovines = computed(() => {
 const loadBovineType = async () => {
     isLoadingBovineType.value = true
     try {
-        bovineType.value = await getBovineTypeList()
+        bovineType.value = await getBovineTypeList({ display: true })
     } finally {
         isLoadingBovineType.value = false
     }