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/auth/api/profile.svelte.ts

@@ -4,13 +4,12 @@ import { ZChangeEmail, ZProfileUpdateForm } from '@cio/utils/validation/account'
 
 import type { TProfileUpdateForm as TProfileUpdateFormSchema } from '@cio/utils/validation/account';
 import { authClient } from '$lib/utils/services/auth/client';
-import generateUUID from '$lib/utils/functions/generateUUID';
 import { handleLocaleChange } from '$lib/utils/functions/translations';
 import { mapZodErrorsToTranslations } from '$lib/utils/validation';
 import { profile as profileStore } from '$lib/utils/store/user';
 import { snackbar } from '$lib/components/Snackbar/store';
-import { supabase } from '$lib/utils/functions/supabase';
 import { t } from '$lib/utils/functions/translations';
+import { uploadImage } from '$lib/utils/services/upload';
 
 export interface TProfileUpdateForm extends Omit<TProfileUpdateFormSchema, 'avatarUrl'> {
   avatar?: string | File | undefined;
@@ -37,24 +36,6 @@ export class ProfileApi extends BaseApiWithErrors {
     return true;
   }
 
-  private async uploadAvatar(avatar: File): Promise<string | undefined> {
-    const filename = `user/${generateUUID()}.webp`;
-
-    const { data: uploadData, error: uploadError } = await supabase.storage.from('avatars').upload(filename, avatar, {
-      cacheControl: '3600',
-      upsert: false
-    });
-
-    if (uploadError) throw uploadError;
-
-    if (uploadData) {
-      const { data: urlData } = await supabase.storage.from('avatars').getPublicUrl(filename);
-      return urlData.publicUrl;
-    }
-
-    return undefined;
-  }
-
   private async updateUserInfo(
     fields: TProfileUpdateForm,
     currentProfile: TProfile,
@@ -124,11 +105,11 @@ export class ProfileApi extends BaseApiWithErrors {
     const message = error instanceof Error ? error.message : `${error}`;
 
     if (message.includes('profile_username_key')) {
-      this.errors.username = 'snackbar.lms.error.username_exists';
+      this.errors.username = t.get('snackbar.lms.error.username_exists');
       snackbar.error('snackbar.lms.error.username_exists');
     } else {
       this.errors.general = message;
-      snackbar.error(`snackbar.lms.error.update: ${message}`);
+      snackbar.error(`${t.get('snackbar.update_failed')}: ${message}`);
     }
   }
 
@@ -145,7 +126,7 @@ export class ProfileApi extends BaseApiWithErrors {
       // Handle avatar upload if provided
       let avatarUrl: string | undefined;
       if (fields.avatar instanceof File) {
-        avatarUrl = await this.uploadAvatar(fields.avatar);
+        avatarUrl = await uploadImage(fields.avatar);
       }
 
       // Update user info via Better Auth (name and image)
@@ -185,7 +166,7 @@ export class ProfileApi extends BaseApiWithErrors {
 
       const { error } = await authClient.changeEmail({
         newEmail: fields.newEmail,
-        callbackURL: window.location.origin
+        callbackURL: fields.callbackURL
       });
 
       if (error) throw new Error(error.message);
@@ -197,7 +178,7 @@ export class ProfileApi extends BaseApiWithErrors {
       const message = error instanceof Error ? error.message : `${error}`;
 
       this.errors.email = message;
-      snackbar.error(`${t.get('snackbar.lms.error.update')} ${message}`);
+      snackbar.error(`${t.get('snackbar.update_failed')}: ${message}`);
     } finally {
       this.isLoading = false;
     }