major: Migration from better-auth to keycloak

legalconsenthub/pages/create.vue

@@ -16,7 +16,7 @@
 
     <template #body>
       <div class="flex flex-col gap-4 sm:gap-6 lg:gap-12 w-full lg:max-w-4xl mx-auto">
-        <div v-if="!canCreateApplicationForm" class="text-center py-12">
+        <div v-if="!true" class="text-center py-12">
           <UIcon name="i-lucide-shield-x" class="w-16 h-16 mx-auto text-red-400 mb-4" />
           <h2 class="text-2xl font-semibold text-gray-700 mb-2">Keine Berechtigung</h2>
           <p class="text-gray-500 mb-4">Sie haben keine Berechtigung zum Erstellen von Anträgen.</p>
@@ -83,15 +83,19 @@ import { useApplicationFormValidator } from '~/composables/useApplicationFormVal
 import type { FormElementId } from '~/types/formElement'
 import type { StepperItem } from '@nuxt/ui'
 
-const { getAllApplicationFormTemplates } = useApplicationFormTemplate()
+const { getAllApplicationFormTemplates } = await useApplicationFormTemplate()
 const { createApplicationForm, submitApplicationForm } = useApplicationForm()
 const { validateFormElements, getHighestComplianceStatus } = useApplicationFormValidator()
-const { selectedOrganization } = useAuth()
-const { canCreateApplicationForm, getCurrentRoleInfo } = usePermissions()
+const userStore = useUserStore()
+const { selectedOrganization } = storeToRefs(userStore)
 const toast = useToast()
 
 // Get current role information for display
-const currentRoleInfo = computed(() => getCurrentRoleInfo())
+const currentRoleInfo = {
+  name: 'Mitarbeiter',
+  description: 'Sie können Anträge erstellen und bearbeiten.',
+  color: 'info'
+}
 
 const stepper = useTemplateRef('stepper')
 const activeStepperItemIndex = ref<number>(0)
@@ -196,6 +200,7 @@ async function prepareAndCreateApplicationForm() {
     return null
   }
 
+  console.log('selectedOrganization', selectedOrganization.value)
   applicationFormTemplate.value.organizationId = selectedOrganization.value?.id ?? ''
 
   return await createApplicationForm(applicationFormTemplate.value)