Finalisation réception marchandise, ajout de composant UI et ajout de fixtures (!7)

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

## 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é

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

frontend/components/reception/reception-weight.vue

@@ -14,10 +14,6 @@
                     class="w-full flex flex-col items-center justify-center border border-black h-[90px] mt-12 mb-[25px] text-4xl">
                     {{ displayWeight }} kg
                 </div>
-<!--                <div class="grid grid-cols-2 border border-black text-center">-->
-<!--                    <p class="border-r border-black py-3 text-4xl font-bold">DSD</p>-->
-<!--                    <p class="py-3 text-4xl">{{ displayDsd }}</p>-->
-<!--                </div>-->
             </div>
         </div>
     </div>
@@ -37,14 +33,13 @@
             @click="printReceipt"
         >Générer le bon</button>
     </div>
-    <UiPdfPrinter ref="pdfPrinter" />
-
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useWeighing } from '~/composables/useWeighing'
+import { usePdfPrinter } from '~/composables/usePdfPrinter'
 import { useReceptionStore } from '~/stores/reception'
 
 const props = defineProps<{
@@ -54,14 +49,9 @@ const props = defineProps<{
 const router = useRouter()
 const receptionStore = useReceptionStore()
 const { current: storeReception } = storeToRefs(receptionStore)
-type PdfPrinterHandle = {
-    print: (url: string) => Promise<void>
-}
-// Ref sur le composant d'impression pour déclencher le print() du PDF.
-const pdfPrinter = ref<PdfPrinterHandle | null>(null)
+const { printPdf } = usePdfPrinter()
 const {
     displayWeight,
-    displayDsd,
     title,
     showLoadingBox,
     fetchWeight,
@@ -72,17 +62,19 @@ const {
     updateReception: receptionStore.updateReception,
     loadReception: receptionStore.loadReception
 })
+// Affiche le bouton de génération du bon à l'étape tare
 const showGenerateReceipt = computed(
     () => props.mode === 'tare' && displayWeight.value !== null
 )
 
+// Génère le bon de réception, puis clôture la réception
 const printReceipt = async () => {
-    if (!import.meta.client || !receptionStore.current || !pdfPrinter.value) {
+    if (!import.meta.client || !receptionStore.current) {
         return
     }
 
     await saveWeight()
-    await pdfPrinter.value.print(`/receptions/${receptionStore.current.id}/receipt`)
+    await printPdf(`/receptions/${receptionStore.current.id}/receipt`)
 
     // Laisse le temps a la boite de dialogue d'impression de s'ouvrir.
     await new Promise((resolve) => setTimeout(resolve, 600))
@@ -98,6 +90,7 @@ const printReceipt = async () => {
     await router.push('/')
 }
 
+// Récupère le poids dès l'arrivée sur l'écran
 onMounted(() => {
     fetchWeight()
 })