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 <best@classroomio.com>

apps/dashboard/src/routes/+page.svelte

@@ -1,15 +1,15 @@
 <script>
-  import { preventDefault } from '$lib/utils/functions/svelte';
-
   import { onMount } from 'svelte';
+  import BotIcon from '@lucide/svelte/icons/bot';
   import DoorOpenIcon from '@lucide/svelte/icons/door-open';
   import ChartAreaIcon from '@lucide/svelte/icons/chart-area';
-  import BotIcon from '@lucide/svelte/icons/bot';
+
+  import { getSupabase } from '$lib/utils/functions/supabase';
+  import { preventDefault } from '$lib/utils/functions/svelte';
+  import { validateEmail } from '$lib/utils/functions/validateEmail';
+
   import TextField from '$lib/components/Form/TextField.svelte';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
-  import { getSupabase } from '$lib/utils/functions/supabase';
-  import { validateEmail } from '$lib/utils/functions/validateEmail';
-  import Edra from '$lib/components/Edra/EdraRoot.svelte';
 
   let email = $state('');
   let isAdding = $state(false);
@@ -58,7 +58,7 @@
   <title>ClassroomIO - The classroom software</title>
 </svelte:head>
 
-<div class="m-2 flex w-screen flex-col items-center justify-center font-sans sm:m-0 md:min-h-[93vh] dark:bg-black">
+<div class="m-2 flex w-screen flex-col items-center justify-center sm:m-0 md:min-h-[93vh] dark:bg-black">
   <!--
     <img
       src="/logo-192.png"
@@ -74,7 +74,6 @@
     <p class="text-center text-lg dark:text-white">The operating system for classroooms of the future 🚀🚀🚀.</p>
   </div>
 
-  <Edra />
   <form onsubmit={preventDefault(handleSubmit)} class="my-4 hidden">
     <div class="flex hidden flex-col items-center sm:flex-row">
       {#if success}