feat: redo settings and all org pages. (#601)

* feat: new components, deploy storybook

* refactor: simplify component field definitions and enhance button loading state

- Removed unnecessary type imports and simplified the FIELDS array definitions across multiple components in Storybook.
- Updated button component to use a loading state instead of isLoading, improving clarity and consistency in props.
- Adjusted button stories to reflect the new loading prop and enhanced the button's loading visual feedback.
- Minor CSS adjustments for better layout and styling consistency.

* chore: add field, card, password components

* feat: improve page component & update AuthUI path

* chore: update bits-ui to version 2.14.4 and all org related UI's

- Updated bits-ui dependency in pnpm-lock.yaml and package.json to version 2.14.4.
- Refactored imports for RoleBasedSecurity and UpgradeBanner components to use the new ui feature directory.
- Removed unused Course components and related files to clean up the codebase.
- Enhanced various components to improve consistency and maintainability.

* chore: move all setting buttons to the top and update auth ui styles

* chore: remove svelte-loading-spinners and replace with @cio/ui/base/spinner

- Removed all instances of svelte-loading-spinners from the project.
- Updated components to use the new Spinner from @cio/ui/base/spinner.
- Cleaned up pnpm-lock.yaml and package.json to reflect the removal of svelte-loading-spinners.
- Added new CSS animations for rocket launch effects in app.css.
- Enhanced email change flow with updated verification messages in translations.

* chore: remove supabase file upload from dashboard and move to r2

* chore: update organization API and UI components

- Added new API methods for organization plan operations and team management.
- Introduced middleware for API key authentication and organization admin checks.
- Refactored organization-related components to utilize the new API structure.
- Updated various UI components to improve consistency and maintainability.
- Enhanced error handling and validation for organization-related actions.
- Removed deprecated services and streamlined the codebase.

packages/ui/src/custom/editor/editor.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Content, Editor } from '@tiptap/core';
+  import type { HTMLContent, Content, Editor } from '@tiptap/core';
   import type { Transaction } from '@tiptap/pm/state';
   import { EdraEditor, EdraToolBar, EdraBubbleMenu, EdraDragHandleExtended } from './ui';
   import { slide } from 'svelte/transition';
@@ -7,7 +7,7 @@
 
   interface Props {
     // Content of the editor
-    content?: Content;
+    content?: HTMLContent;
     // Whether the toolbar should be visible
     showToolBar?: boolean;
     // Whether the editor is editable
@@ -25,13 +25,13 @@
     // Placeholder text for the editor
     placeholder?: string | ((node: any) => string);
     // Callback functions
-    onContentChange?: (content: Content) => void;
+    onContentChange?: (content: HTMLContent) => void;
     onEditorReady?: (editor: Editor) => void;
     onEditorDestroy?: () => void;
   }
 
   let {
-    content = $bindable(getDefaultContent()),
+    content = $bindable(''),
     showToolBar = true,
     editable = true,
     enablePersistence = false,
@@ -50,24 +50,6 @@
   // Browser detection
   const browser = typeof window !== 'undefined';
 
-  // Default content fallback
-  function getDefaultContent(): Content {
-    return {
-      type: 'doc',
-      content: [
-        {
-          type: 'paragraph',
-          content: [
-            {
-              type: 'text',
-              text: 'Start typing...'
-            }
-          ]
-        }
-      ]
-    };
-  }
-
   // Handle content persistence
   $effect(() => {
     if (enablePersistence && browser && content) {
@@ -89,9 +71,8 @@
         // Load content
         const rawContentString = localStorage.getItem(contentStorageKey);
         if (rawContentString !== null) {
-          const persistedContent: Content = JSON.parse(rawContentString);
-          console.log('persistedContent', persistedContent);
-          content = persistedContent;
+          console.log('persistedContent', rawContentString);
+          content = rawContentString;
         }
 
         // Load editable state