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/empty/empty.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+  import * as EmptyBase from '../../base/empty';
+  import type { ComponentProps, Snippet } from 'svelte';
+  import type { Component } from 'svelte';
+  import { tv, type VariantProps } from 'tailwind-variants';
+  import { cn } from '../../tools';
+
+  const emptyVariants = tv({
+    base: 'ui:w-full',
+    variants: {
+      variant: {
+        default: '',
+        page: 'ui:h-full ui:border ui:border-dashed ui:max-w-3xl ui:max-h-2/4 ui:mx-auto'
+      }
+    }
+  });
+
+  type EmptyVariant = VariantProps<typeof emptyVariants>['variant'];
+
+  interface Props {
+    title?: string;
+    description?: string;
+    icon?: Component<any, any, any>;
+    class?: string;
+    children?: Snippet;
+    variant?: EmptyVariant;
+  }
+
+  let {
+    title,
+    description,
+    icon: IconComponent,
+    class: className = '',
+    children,
+    variant = 'default',
+    ...restProps
+  }: Props & Omit<ComponentProps<typeof EmptyBase.Root>, 'class' | 'children'> = $props();
+
+  const mergedProps = $derived({
+    class: cn(emptyVariants({ variant }), className),
+    'data-slot': 'empty',
+    'data-variant': variant,
+    ...restProps
+  });
+</script>
+
+<EmptyBase.Root {...mergedProps}>
+  <EmptyBase.Header class="">
+    {#if IconComponent}
+      <EmptyBase.Media variant="icon">
+        {@const Icon = IconComponent}
+        <Icon />
+      </EmptyBase.Media>
+    {/if}
+    {#if title}
+      <EmptyBase.Title>{title}</EmptyBase.Title>
+    {/if}
+    {#if description}
+      <EmptyBase.Description>{description}</EmptyBase.Description>
+    {/if}
+  </EmptyBase.Header>
+  {#if children}
+    <EmptyBase.Content>
+      {@render children()}
+    </EmptyBase.Content>
+  {/if}
+</EmptyBase.Root>

packages/ui/src/custom/empty/index.ts

@@ -0,0 +1,4 @@
+import Empty from './empty.svelte';
+
+export { Empty };
+export { Empty as default };