i think this fixes it

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

@@ -19,7 +19,14 @@
   }
 
   $: console.log({ group: $group });
-  $: console.log('is allowed', allowedRoles.includes(userRole), 'roles', userRole);
+  $: console.log(
+    'is allowed',
+    allowedRoles.includes(userRole),
+    'roles',
+    userRole,
+    'allowedRoles',
+    allowedRoles
+  );
 </script>
 
 {#if allowedRoles.includes(userRole)}

apps/dashboard/src/routes/courses/[id]/+page.svelte

@@ -232,8 +232,8 @@
   $: console.log('courses page.svelte');
 </script>
 
-<RoleBasedSecurity allowedRoles={[1, 2, $currentOrg?.customization?.course?.newsfeed ? 3 : 0]}>
-  <CourseContainer bind:courseId={data.courseId}>
+<CourseContainer bind:courseId={data.courseId}>
+  <RoleBasedSecurity allowedRoles={[1, 2, $currentOrg?.customization?.course?.newsfeed ? 3 : 0]}>
     <PageNav title={$t('course.navItem.news_feed.heading')} disableSticky={true}>
       <slot:fragment slot="widget">
         <RoleBasedSecurity allowedRoles={[1, 2]}>
@@ -299,5 +299,5 @@
         {/each}
       {/if}
     </PageBody>
-  </CourseContainer>
-</RoleBasedSecurity>
+  </RoleBasedSecurity>
+</CourseContainer>