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/base/sidebar/sidebar-input.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { ComponentProps } from 'svelte';
-  import { Input } from '$src/base/input/index.js';
+  import { Input } from '../input';
   import { cn } from '../../tools';
 
   let {

packages/ui/src/base/sidebar/sidebar-menu-button.svelte

@@ -26,7 +26,7 @@
 </script>
 
 <script lang="ts">
-  import * as Tooltip from '$src/base/tooltip/index.js';
+  import * as Tooltip from '../tooltip';
   import { cn, type WithElementRef, type WithoutChildrenOrChild } from '../../tools';
   import { mergeProps } from 'bits-ui';
   import type { ComponentProps, Snippet } from 'svelte';

packages/ui/src/base/sidebar/sidebar-menu-skeleton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { cn, type WithElementRef } from '../../tools';
-  import { Skeleton } from '$src/base/skeleton/index.js';
+  import { Skeleton } from '../skeleton';
   import type { HTMLAttributes } from 'svelte/elements';
 
   let {

packages/ui/src/base/sidebar/sidebar-provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as Tooltip from '$src/base/tooltip/index.js';
+  import * as Tooltip from '../tooltip';
   import { cn, type WithElementRef } from '../../tools';
   import type { HTMLAttributes } from 'svelte/elements';
   import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants.js';

packages/ui/src/base/sidebar/sidebar-separator.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Separator } from '$src/base/separator/index.js';
+  import { Separator } from '../separator';
   import { cn } from '../../tools';
   import type { ComponentProps } from 'svelte';
 

packages/ui/src/base/sidebar/sidebar-trigger.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Button } from '$src/base/button/index.js';
+  import { Button } from '../button';
   import { cn } from '../../tools';
   import PanelLeftIcon from '@lucide/svelte/icons/panel-left';
   import type { ComponentProps } from 'svelte';

packages/ui/src/base/sidebar/sidebar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as Sheet from '$src/base/sheet/index.js';
+  import * as Sheet from '../sheet';
   import { cn, type WithElementRef } from '../../../src/tools';
   import type { HTMLAttributes } from 'svelte/elements';
   import { SIDEBAR_WIDTH_MOBILE } from './constants.js';