feat(frontend): Use betterAuth implementation from nuxthub-better-auth project

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

@@ -22,8 +22,8 @@
       <div class="flex flex-col gap-4 sm:gap-6 lg:gap-12 w-full lg:max-w-4xl mx-auto">
         <UPageCard variant="subtle">
           <UForm class="space-y-4" :state="{}" @submit="onSubmit">
-            <FormEngine v-if="applicationForm" v-model="applicationForm.formElements" />
-            <UButton type="submit">Submit</UButton>
+            <FormEngine v-if="applicationForm" v-model="applicationForm.formElements" :disabled="isReadOnly" />
+            <UButton type="submit" :disabled="isReadOnly">Submit</UButton>
           </UForm>
         </UPageCard>
       </div>
@@ -33,8 +33,10 @@
 
 <script setup lang="ts">
 import type { ApplicationFormDto } from '~/.api-client'
+
 const { getApplicationFormById, updateApplicationForm } = useApplicationForm()
 const route = useRoute()
+const { user } = useAuth()
 
 const items = [
   [
@@ -59,6 +61,10 @@ const applicationForm = computed({
   }
 })
 
+const isReadOnly = computed(() => {
+  return applicationForm.value?.createdBy !== user.value?.name
+})
+
 async function onSubmit() {
   if (data?.value) {
     await updateApplicationForm(data.value.id, data.value)