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

legalconsenthub/app/layouts/default.vue

@@ -57,6 +57,7 @@ const links = [
   ]
 ]
 const open = ref(false)
+const logger = useLogger().withTag('layout')
 
 const isNotificationsSlideoverOpen = ref(false)
 const { unreadCount, fetchUnreadCount, startPeriodicRefresh } = useNotification()
@@ -73,13 +74,13 @@ provide('notificationState', {
 
 async function copyAccessTokenToClipboard() {
   const { session } = useUserSession()
-  console.log('Access Token :', session.value?.jwt?.accessToken)
+  logger.debug('Access Token :', session.value?.jwt?.accessToken)
   const accessToken = session.value?.jwt?.accessToken
   if (accessToken) {
     navigator.clipboard.writeText(accessToken)
-    console.log('Access token copied to clipboard')
+    logger.info('Access token copied to clipboard')
   } else {
-    console.warn('No access token found in session')
+    logger.warn('No access token found in session')
   }
 }
 </script>