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/routes/api/polar/webhook/+server.ts

@@ -1,10 +1,8 @@
-import { cancelOrgPlan, createOrgPlan, updateOrgPlan } from '$lib/utils/services/org';
-
+import { OrgPlanApiServer } from '$lib/features/org/api/org-plan.server';
 import { PLAN } from '@cio/utils/plans';
 import type { PolarWebhookPayload } from '$lib/utils/types/polar';
 import { Webhooks } from '@polar-sh/sveltekit';
 import { env } from '$env/dynamic/private';
-import { getServerSupabase } from '$lib/utils/functions/supabase.server';
 
 export const POST = Webhooks({
   webhookSecret: env.POLAR_WEBHOOK_SECRET!,
@@ -12,8 +10,6 @@ export const POST = Webhooks({
 });
 
 async function onPayload(payload: PolarWebhookPayload) {
-  const supabase = getServerSupabase();
-
   const metadata = payload.data.metadata;
   const orgId = metadata.orgId;
   const triggeredBy = metadata.triggeredBy;
@@ -39,45 +35,45 @@ async function onPayload(payload: PolarWebhookPayload) {
       break;
     case 'subscription.created':
       if (isSubscriptionActive) {
-        const { data, error } = await createOrgPlan({
-          supabase,
-          subscriptionId,
+        try {
+          const planData = {
           orgId,
           triggeredBy: parseInt(triggeredBy),
-          planName: PLAN.EARLY_ADOPTER,
-          data: payload.data
-        });
+            planName: PLAN.EARLY_ADOPTER as 'EARLY_ADOPTER' | 'ENTERPRISE' | 'BASIC',
+            subscriptionId,
+            payload: payload.data as unknown as Record<string, unknown>
+          };
 
-        if (error) {
+          const result = await OrgPlanApiServer.createOrgPlan(planData);
+          console.log('Subscription created', result);
+        } catch (error) {
           console.error('Error creating org plan', error);
         }
-        console.log('Subscription created', data);
       }
       break;
     case 'subscription.updated':
       if (!isSubscriptionActive) {
         // Handle Cancel Subscription
-        const { data, error } = await cancelOrgPlan({
+        try {
+          const result = await OrgPlanApiServer.cancelOrgPlan({
           subscriptionId,
-          data: payload.data
+            payload: payload.data as unknown as Record<string, unknown>
         });
-
-        if (error) {
+          console.log('Subscription canceled', result);
+        } catch (error) {
           console.error('Error canceling org plan', error);
         }
-        console.log('Subscription canceled', data);
       } else {
         // Handle Update Subscription
-        const { data, error } = await updateOrgPlan({
-          supabase,
+        try {
+          const result = await OrgPlanApiServer.updateOrgPlan({
           subscriptionId,
-          data: payload.data
+            payload: payload.data as unknown as Record<string, unknown>
         });
-
-        if (error) {
+          console.log('Subscription updated', result);
+        } catch (error) {
           console.error('Error updating org plan', error);
         }
-        console.log('Subscription updated', data);
       }
       break;
     case 'subscription.active':