feat: move away from carbon components and TinyMCE (#597)

* feat: remove tinymce & replace org sidebar

* chore: PR Fixes

* chore: move ui font into src dir

* remove files in vite config

* use google font import for loading font

* remove custom font

* more fonts update

* remove font bold

* more removals of font bold

* fix import

* checkpoint

* chore: checkpoint (add course & lms shadcn sidebar)

* minor css improvements and try out font sans

* chore: replace carbon components with shadcn's

* chore: replace carbon components with shadcn _ v3

* chore: ui fixes & storybook update

* feat: UI cleanup

* fix: quick ui fixes

* chore: update pnpm-lock.yaml with new dependencies and versions; fix output.css formatting

* chore: add isloading to button

* feat: add loading state to button stories

* chore: feedback fixes

* fix: feedback fixes

* chore: remove console

* fix: PR comments

* fix: PR comments

---------

Co-authored-by: Rotimi Best <[email protected]>

packages/storybook/src/atoms/spinner/spinner.stories.svelte

@@ -0,0 +1,51 @@
+<script module>
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { Spinner } from '@cio/ui/base/spinner';
+
+  const { Story } = defineMeta({
+    title: 'Atom/Spinner',
+    component: Spinner,
+    parameters: {
+      layout: 'centered'
+    },
+    tags: ['autodocs']
+  });
+</script>
+
+<Story name="Default">
+  {#snippet template()}
+    <Spinner />
+  {/snippet}
+</Story>
+
+<Story name="Small">
+  {#snippet template()}
+    <Spinner class="h-4 w-4" />
+  {/snippet}
+</Story>
+
+<Story name="Large">
+  {#snippet template()}
+    <Spinner class="h-12 w-12" />
+  {/snippet}
+</Story>
+
+<Story name="Custom Color">
+  {#snippet template()}
+    <div class="flex gap-4">
+      <Spinner class="text-blue-500" />
+      <Spinner class="text-green-500" />
+      <Spinner class="text-red-500" />
+      <Spinner class="text-purple-500" />
+    </div>
+  {/snippet}
+</Story>
+
+<Story name="With Text">
+  {#snippet template()}
+    <div class="flex items-center gap-2">
+      <Spinner />
+      <span>Loading...</span>
+    </div>
+  {/snippet}
+</Story>