refactor(front): update VeeForm component to utilize useForm for improved form handling and expose form state

front/components/VeeForm.vue

@@ -1,9 +1,24 @@
-<template>  
-    <Form as="" v-slot="slots">
-        <slot v-bind="slots" />
-    </Form>
-</template>
-
 <script setup lang="ts">
-import { Form } from 'vee-validate'
-</script>
+import type { GenericObject } from 'vee-validate'
+import { useForm } from 'vee-validate'
+
+const props = withDefaults(defineProps<{
+    initialValues?: GenericObject
+    keepValues?: boolean
+}>(), {
+    initialValues: () => ({}),
+    keepValues: false
+})
+const form = useForm({
+    initialValues: props.initialValues,
+    keepValuesOnUnmount: props.keepValues
+})
+defineExpose({
+    form: form
+})
+
+
+</script>
+<template>
+    <slot v-bind="form" />
+</template>