CLASSROOMIO-T-80: Replace sapper with sveltekit

src/lib/components/Chip/Text.svelte

@@ -0,0 +1,21 @@
+<script>
+  export let className = '';
+  export let value = '';
+  export let size = '';
+</script>
+
+<p
+  class="{className} {size === 'sm'
+    ? 'py-1 px-1'
+    : 'py-2 px-2'} org-avatar {className.includes('bg-')
+    ? ''
+    : 'bg-gray-200'} rounded-md text-center"
+>
+  {value}
+</p>
+
+<style>
+  .org-avatar {
+    width: fit-content;
+  }
+</style>

src/lib/components/Chip/index.svelte

@@ -0,0 +1,27 @@
+<script>
+  export let value = 0;
+  export let className = '';
+</script>
+
+<p class={className ? className : 'bg-set mt-2'}>{value}</p>
+
+<style>
+  p {
+    display: inline-block;
+    min-width: 20px;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 18px;
+    text-align: center;
+    border: 1px solid transparent;
+    border-radius: 2em;
+
+    width: 24px;
+    height: 24px;
+    padding-top: 2px;
+  }
+
+  .bg-set {
+    background-color: #d1d5da80;
+  }
+</style>