major(fullstack): Add dynamic section spawning, removal of app. form create DTOs,

legalconsenthub/app/pages/create.vue

@@ -28,6 +28,7 @@
             @save="onSave"
             @submit="onSubmit"
             @add-input-form="handleAddInputForm"
+            @update:form-element-sections="handleFormElementSectionsUpdate"
           >
             <UFormField :label="$t('common.name')" class="mb-4">
               <UInput v-model="applicationFormTemplate.name" class="w-full" />
@@ -110,7 +111,7 @@ async function onSave() {
 
 async function onSubmit() {
   const applicationForm = await prepareAndCreateApplicationForm()
-  if (applicationForm) {
+  if (applicationForm?.id) {
     await submitApplicationForm(applicationForm.id)
     await navigateTo('/')
     toast.add({ title: $t('common.success'), description: $t('applicationForms.submitted'), color: 'success' })
@@ -123,6 +124,12 @@ function handleAddInputForm() {
   // No action needed here
 }
 
+function handleFormElementSectionsUpdate(sections: FormElementSectionDto[]) {
+  if (applicationFormTemplate.value) {
+    applicationFormTemplate.value.formElementSections = sections
+  }
+}
+
 async function prepareAndCreateApplicationForm() {
   if (!applicationFormTemplate.value) {
     console.error('Application form data is undefined')