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/utils/services/courses/index.ts

@@ -19,6 +19,7 @@ import { get } from 'svelte/store';
 import { isOrgAdmin } from '$lib/utils/store/org';
 import { isUUID } from '$lib/utils/functions/isUUID';
 import { supabase } from '$lib/utils/functions/supabase';
+import { uploadImage } from '$lib/utils/services/upload';
 
 export async function fetchCourses(profileId, orgId) {
   if (!orgId || !profileId) return;
@@ -184,42 +185,10 @@ export async function fetchGroup(groupId: Group['id']) {
   };
 }
 
-export async function uploadAvatar(courseId: string, avatar: string) {
-  const filename = `course/${courseId + Date.now()}.webp`;
-  let logo;
-
-  const { data } = await supabase.storage.from('avatars').upload(filename, avatar, {
-    cacheControl: '3600',
-    upsert: false
-  });
-
-  if (data) {
-    const { data } = supabase.storage.from('avatars').getPublicUrl(filename);
-
-    if (!data.publicUrl) return;
-
-    logo = data.publicUrl;
-  }
-
-  return logo;
-}
-
-export async function updateCourse(courseId: Course['id'], avatar: string | undefined, course: Partial<Course>) {
+export async function updateCourse(courseId: Course['id'], avatar: File | undefined, course: Partial<Course>) {
   if (avatar && courseId) {
-    const filename = `course/${courseId + Date.now()}.webp`;
-
-    const { data } = await supabase.storage.from('avatars').upload(filename, avatar, {
-      cacheControl: '3600',
-      upsert: false
-    });
-
-    if (data) {
-      const { data: response } = supabase.storage.from('avatars').getPublicUrl(filename);
-
-      if (!response.publicUrl) return;
-
-      course.logo = response.publicUrl;
-    }
+    const logo = await uploadImage(avatar);
+    course.logo = logo;
   }
 
   await supabase.from('course').update(course).match({ id: courseId });