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.

apps/dashboard/src/lib/features/ui/upgrade-banner.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+  import { openUpgradeModal } from '$lib/utils/functions/org';
+  import ZapIcon from '@lucide/svelte/icons/zap';
+  import { isFreePlan } from '$lib/utils/store/org';
+  import * as Item from '@cio/ui/base/item';
+  import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+
+  interface Props {
+    className?: string;
+    onClick?: any;
+    children?: import('svelte').Snippet;
+  }
+
+  let { className = '', onClick = () => {}, children }: Props = $props();
+</script>
+
+{#if $isFreePlan}
+  <Item.Root variant="outline" size="sm" class="border-blue-700! py-2! {className}">
+    {#snippet child({ props })}
+      <button
+        {...props}
+        onclick={() => {
+          onClick();
+          openUpgradeModal();
+        }}
+      >
+        <Item.Media variant="icon">
+          <ZapIcon class="custom size-5 text-blue-700" />
+        </Item.Media>
+        <Item.Content>
+          <Item.Title class="text-blue-700!">
+            {@render children?.()}
+          </Item.Title>
+        </Item.Content>
+        <Item.Actions>
+          <ChevronRightIcon class="text-blue-700! size-4" />
+        </Item.Actions>
+      </button>
+    {/snippet}
+  </Item.Root>
+{/if}