feat(frontend,backend): Add id page for application forms, fix error with form creation

legalconsenthub/pages/create.vue

@@ -36,7 +36,8 @@ import { ComplianceStatus, type PagedApplicationFormDto } from '~/.api-client'
 import { useApplicationFormValidator } from '~/composables/useApplicationFormValidator'
 import type { FormElementId } from '~/types/FormElement'
 
-const { getAllApplicationFormTemplates, updateApplicationFormTemplate } = useApplicationFormTemplate()
+const { getAllApplicationFormTemplates } = useApplicationFormTemplate()
+const { createApplicationForm } = useApplicationForm()
 const { validateFormElements, getHighestComplianceStatus } = useApplicationFormValidator()
 
 const { data } = await useAsyncData<PagedApplicationFormDto>(async () => {
@@ -77,6 +78,11 @@ const ampelStatusEmoji = computed(() => {
 })
 
 async function onSubmit() {
-  await updateApplicationFormTemplate(data?.value?.content[0].id, data?.value?.content[0])
+  if (data?.value?.content[0]) {
+    await createApplicationForm(data.value.content[0])
+    await navigateTo('/')
+  } else {
+    console.error('Application form data is undefined')
+  }
 }
 </script>