[#203] Réceptions — Parcours de pesée multi-étapes (première partie) (!3)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|        #203          |      Réceptions — Parcours de pesée multi-étapes         |

## Description de la PR
[#203] Réceptions — Parcours de pesée multi-étapes

## Modification du .env

## Check list

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

Reviewed-on: #3
Reviewed-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
Co-authored-by: AUTIN Tristan <tristan@yuno.malio.fr>
Co-committed-by: AUTIN Tristan <tristan@yuno.malio.fr>

frontend/pages/reception/[[id]].vue

@@ -0,0 +1,36 @@
+<template>
+    <div v-if="errorMessage" class="text-red-600">{{ errorMessage }}</div>
+    <div v-else>
+        <div class="flex justify-between h-[52px] mb-[90px]">
+            <p class="self-center">Indicateur d’étapes</p>
+            <NuxtLink to="/" class="flex flex-col justify-center uppercase text-xl bg-black text-white h-[50px] w-[272px] text-center">Mettre en attente</NuxtLink>
+        </div>
+        <ReceptionForm v-if="storeReception?.currentStep === 0"/>
+        <ReceptionWeight v-if="storeReception?.currentStep === 1" mode="gross"/>
+        <ReceptionUnloading v-if="storeReception?.currentStep === 2"/>
+        <ReceptionWeight v-if="storeReception?.currentStep === 3" mode="tare"/>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useReceptionStore } from '~/stores/reception'
+import { storeToRefs } from 'pinia'
+
+const route = useRoute()
+const router = useRouter()
+
+const receptionStore = useReceptionStore()
+const { current: storeReception, errorMessage } = storeToRefs(receptionStore)
+
+onMounted(async () => {
+    const raw = route.params.id
+    const idStr = Array.isArray(raw) ? raw[0] : raw
+    const id = idStr ? Number(idStr) : null
+
+    if (id === null) {
+        await receptionStore.createReception()
+    } else {
+        await receptionStore.loadReception(id)
+    }
+})
+</script>