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/api/src/utils/errors.ts

@@ -40,6 +40,10 @@ export const ErrorCodes = {
   ORG_PLAN_UPDATE_FAILED: 'ORG_PLAN_UPDATE_FAILED',
   ORG_PLAN_CANCEL_FAILED: 'ORG_PLAN_CANCEL_FAILED',
   ORG_PLAN_NOT_FOUND: 'ORG_PLAN_NOT_FOUND',
+  ORG_TEAM_INVITE_FAILED: 'ORG_TEAM_INVITE_FAILED',
+  ORG_TEAM_REMOVE_FAILED: 'ORG_TEAM_REMOVE_FAILED',
+  ORG_TEAM_EMAIL_EXISTS: 'ORG_TEAM_EMAIL_EXISTS',
+  ORG_TEAM_NOT_AUTHORIZED: 'ORG_TEAM_NOT_AUTHORIZED',
 
   // Profile errors
   PROFILE_UPDATE_FAILED: 'PROFILE_UPDATE_FAILED',

apps/api/src/utils/s3.ts

@@ -22,11 +22,10 @@ export const s3Client = new S3Client({
   }
 });
 
-export async function uploadToS3(
-  params: PutObjectCommandInput
-): Promise<{ success: boolean; error?: string }> {
+export async function uploadToS3(params: PutObjectCommandInput): Promise<{ success: boolean; error?: string }> {
   try {
     await s3Client.send(new PutObjectCommand(params));
+
     return { success: true };
   } catch (error) {
     return { success: false, error: error instanceof Error ? error.message : 'Unknown error' };
@@ -44,9 +43,7 @@ export async function getFromS3(
   }
 }
 
-export async function deleteFromS3(
-  params: DeleteObjectCommandInput
-): Promise<{ success: boolean; error?: string }> {
+export async function deleteFromS3(params: DeleteObjectCommandInput): Promise<{ success: boolean; error?: string }> {
   try {
     await s3Client.send(new DeleteObjectCommand(params));
     return { success: true };

apps/api/src/utils/upload.ts

@@ -11,6 +11,13 @@ export function getExtension(filename: string): string {
   return ext.length > 1 ? ext[ext.length - 1] : '';
 }
 
+export function removeSpacesAndSpecialCharacters(fileName: string): string {
+  return fileName
+    .replace(/\s+/g, '-')
+    .replace(/[^a-zA-Z0-9.-]/g, '')
+    .toLowerCase();
+}
+
 /**
  * Generates a unique file key for storage, preserving the file extension.
  * Throws an error if the filename is invalid or has no extension.
@@ -20,5 +27,8 @@ export function generateFileKey(fileName: string): string {
   if (!ext) {
     throw new Error('Invalid file name or missing file extension');
   }
-  return `${nanoid()}.${ext}`;
+
+  const cleanedFileName = removeSpacesAndSpecialCharacters(fileName);
+
+  return `${nanoid()}-${cleanedFileName}`;
 }