CLASSROOMIO-T-80: Replace sapper with sveltekit

src/lib/components/RoleBasedSecurity/index.svelte

@@ -0,0 +1,24 @@
+<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';
+
+  export let allowedRoles: number[] = [];
+
+  let userRole: number = 0;
+
+  $: {
+    const user: Person = $group.people.find(
+      (person: { profile_id: number }) => person.profile_id === $profile.id
+    )!;
+
+    if (user) {
+      userRole = user.role_id;
+    }
+  }
+</script>
+
+{#if allowedRoles.includes(userRole)}
+  <slot />
+{/if}

src/lib/components/RoleBasedSecurity/store.js

@@ -0,0 +1 @@
+import { writable } from 'svelte/store';