fix : bouton de mise en attente

frontend/components/shipment/shipment-form.vue

@@ -1,5 +1,5 @@
 <template>
-    <form :class="{ submitted }" @submit.prevent="validate">
+    <form ref="formRef" :class="{ submitted }" @submit.prevent="validate">
         <div class="grid grid-cols-2 h-[461px] items-start gap-y-8 gap-x-40 mb-16">
             <h1 class="font-bold text-5xl uppercase col-start-1 row-start-1 text-primary-500">Expédition</h1>
             <UiSelect
@@ -152,6 +152,7 @@ const router = useRouter()
 const shipmentStore = useShipmentStore()
 const isHydrating = ref(false)
 const submitted = ref(false)
+const formRef = ref<HTMLFormElement | null>(null)
 
 const form = reactive<ShipmentFormData>({
     userId: '',
@@ -286,7 +287,12 @@ const saveDraft = async () => {
     })
 }
 
-defineExpose({ saveDraft })
+const validateFields = () => {
+    submitted.value = true
+    return formRef.value?.reportValidity() ?? false
+}
+
+defineExpose({ saveDraft, validateFields })
 
 const validate = async () => {
     const payload = buildPayload()