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

legalconsenthub/app/composables/useApplicationFormValidator.ts

@@ -1,10 +1,13 @@
 import { ComplianceStatus, type FormElementDto } from '~~/.api-client'
 import { complianceCheckableElementTypes, complianceMap } from './complianceMap'
 import type { FormElementId } from '~~/types/formElement'
+import { useLogger } from './useLogger'
 
 const formElementComplianceMap = ref(new Map<FormElementId, ComplianceStatus>())
 
 export function useApplicationFormValidator() {
+  const logger = useLogger().withTag('validator')
+
   function getHighestComplianceStatus(): ComplianceStatus {
     const complianceStatusValues = Array.from(formElementComplianceMap.value.values())
     const highestComplianceNumber = Math.max(
@@ -37,7 +40,7 @@ export function useApplicationFormValidator() {
 
       formElement.options.forEach((option) => {
         if (!option.value) {
-          console.log(`Value missing for ${formElement.type}`)
+          logger.debug(`Value missing for ${formElement.type}`)
           return
         }