CLASSROOMIO-T-80: Replace sapper with sveltekit

src/lib/components/Buttons/Close/index.svelte

@@ -0,0 +1,17 @@
+<script>
+  import CloseIcon from 'carbon-icons-svelte/lib/Close.svelte';
+  import IconButton from '$lib/components/IconButton/index.svelte';
+
+  export let onClick;
+  export let contained;
+  export let color = '';
+  export let size = 'large';
+</script>
+
+<IconButton {onClick} {color} {contained} {size}>
+  {#if size === 'large'}
+    <CloseIcon size={24} class="carbon-icon" title="Delete" />
+  {:else}
+    <CloseIcon size={24} class="carbon-icon" title="Delete" />
+  {/if}
+</IconButton>

src/lib/components/Buttons/Delete/index.svelte

@@ -0,0 +1,10 @@
+<script>
+  import Close from 'carbon-icons-svelte/lib/Close.svelte';
+  import IconButton from '$lib/components/IconButton/index.svelte';
+
+  export let onClick = () => {};
+</script>
+
+<IconButton {onClick}>
+  <Close size={24} class="carbon-icon" title="Close" />
+</IconButton>

src/lib/components/Buttons/Send/index.svelte

@@ -0,0 +1,10 @@
+<script>
+  import SendFilled from 'carbon-icons-svelte/lib/SendFilled.svelte';
+  import IconButton from '$lib/components/IconButton/index.svelte';
+
+  export let onClick;
+</script>
+
+<IconButton {onClick}>
+  <SendFilled size={24} class="carbon-icon" />
+</IconButton>