fix: phew, clean up debug cause it works

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

@@ -1,32 +1,17 @@
 <script lang="ts">
-  // import { ROLE } from '$lib/utils/constants/roles';
   import { profile } from '$lib/utils/store/user';
   import { group } from '../Course/store';
-  import type { Person } from '../Course/components/People/types';
+  import type { GroupPerson } from '$lib/utils/types';
 
   export let allowedRoles: number[] = [];
 
   let userRole: number = 0;
 
   $: {
-    const user: Person = $group.people.find(
-      (person: { profile_id: number }) => person.profile_id === $profile.id
-    )!;
+    const user: GroupPerson = $group.people.find((person) => person.profile_id === $profile.id)!;
 
-    if (user) {
-      userRole = user.role_id;
-    }
+    userRole = user ? user.role_id : userRole;
   }
-
-  $: console.log({ group: $group });
-  $: console.log(
-    'is allowed',
-    allowedRoles.includes(userRole),
-    'roles',
-    userRole,
-    'allowedRoles',
-    allowedRoles
-  );
 </script>
 
 {#if allowedRoles.includes(userRole)}