more debugging

apps/dashboard/src/lib/components/RoleBasedSecurity/index.svelte

@@ -17,6 +17,9 @@
       userRole = user.role_id;
     }
   }
+
+  $: console.log({ group: $group });
+  $: console.log('is allowed', allowedRoles.includes(userRole), 'roles', userRole);
 </script>
 
 {#if allowedRoles.includes(userRole)}

apps/dashboard/src/routes/+layout.svelte

@@ -307,7 +307,7 @@
 {:else}
   <main class="dark:bg-black">
     {#if $navigating && $delayedPreloading}
-      <Backdrop disableCenteredContent={true} className="opacity-90">
+      <Backdrop disableCenteredContent={true} className="">
         <div class="h-full w-full relative" transition:fly={{ x: -200, duration: 500 }}>
           <ToastNotification kind="info-square" class="absolute bottom-5 left-5">
             <span slot="title" class="flex items-center">