feat(#27): Set up consola logger, make use of log levels in backend and frontend

legalconsenthub/app/pages/administration.vue

@@ -94,6 +94,7 @@ const { hasRole } = usePermissions()
 const { getAllApplicationFormTemplates, updateApplicationFormTemplate, createApplicationFormTemplate } =
   await useApplicationFormTemplate()
 const { t: $t } = useI18n()
+const logger = useLogger().withTag('administration')
 
 if (!hasRole('CHIEF_EXECUTIVE_OFFICER') && !hasRole('IT_DEPARTMENT')) {
   await navigateTo('/')
@@ -239,7 +240,7 @@ async function saveTemplate() {
       description: $t('templates.saveError'),
       color: 'error'
     })
-    console.error('Error saving template:', error)
+    logger.error('Error saving template:', error)
   } finally {
     isSaving.value = false
   }

legalconsenthub/app/pages/callback.vue

@@ -4,10 +4,11 @@
 
 <script setup lang="ts">
 onMounted(async () => {
+  const logger = useLogger().withTag('auth callback')
   try {
     await navigateTo('/')
   } catch (e) {
-    console.error('Error during login', e)
+    logger.error('Error during login', e)
   }
 })
 </script>

legalconsenthub/app/pages/create.vue

@@ -60,6 +60,7 @@ const userStore = useUserStore()
 const { selectedOrganization } = storeToRefs(userStore)
 const toast = useToast()
 const { t: $t } = useI18n()
+const logger = useLogger().withTag('create')
 
 const { data, error } = await useAsyncData<PagedApplicationFormDto>(
   'create-application-form',
@@ -132,11 +133,11 @@ function handleFormElementSectionsUpdate(sections: FormElementSectionDto[]) {
 
 async function prepareAndCreateApplicationForm() {
   if (!applicationFormTemplate.value) {
-    console.error('Application form data is undefined')
+    logger.error('Application form data is undefined')
     return null
   }
 
-  console.log('selectedOrganization', selectedOrganization.value)
+  logger.debug('selectedOrganization', selectedOrganization.value)
   applicationFormTemplate.value.organizationId = selectedOrganization.value?.id ?? ''
 
   return await createApplicationForm(applicationFormTemplate.value)

legalconsenthub/app/pages/settings.vue

@@ -119,6 +119,7 @@ const appConfig = useAppConfig()
 const toast = useToast()
 const userStore = useUserStore()
 const { getUserById, updateEmailPreferences } = useUser()
+const logger = useLogger().withTag('settings')
 
 const colors = [
   'red',
@@ -152,7 +153,7 @@ onMounted(async () => {
       emailOnFormCreated.value = userData.emailOnFormCreated ?? true
       emailOnFormSubmitted.value = userData.emailOnFormSubmitted ?? true
     } catch (error) {
-      console.error('Failed to load user email preferences:', error)
+      logger.error('Failed to load user email preferences:', error)
     }
   }
 })