fix: Input form adding issue

legalconsenthub/app/pages/application-forms/[id]/[sectionIndex].vue

@@ -29,6 +29,7 @@
           @save="onSave"
           @submit="onSubmit"
           @navigate="handleNavigate"
+          @add-input-form="handleAddInputForm"
         />
       </div>
     </template>
@@ -36,7 +37,12 @@
 </template>
 
 <script setup lang="ts">
-import { ComplianceStatus, type FormElementDto, type FormElementSectionDto } from '~~/.api-client'
+import {
+  ComplianceStatus,
+  type ApplicationFormDto,
+  type FormElementDto,
+  type FormElementSectionDto
+} from '~~/.api-client'
 import type { FormElementId } from '~~/types/formElement'
 import { useApplicationFormValidator } from '~/composables/useApplicationFormValidator'
 import { useUserStore } from '~~/stores/useUserStore'
@@ -111,4 +117,10 @@ async function onSubmit() {
 async function handleNavigate({ index }: { direction: 'forward' | 'backward'; index: number }) {
   await navigateTo(`/application-forms/${applicationFormId}/${index}`)
 }
+
+function handleAddInputForm(updatedForm: ApplicationFormDto | undefined) {
+  if (updatedForm) {
+    updateApplicationForm(updatedForm)
+  }
+}
 </script>