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/course/utils/constants.ts

@@ -0,0 +1,10 @@
+export const statuses = [
+  {
+    chipClassName: 'bg-green-600 text-white',
+    chipLabel: 'In progress'
+  },
+  {
+    chipClassName: 'bg-red-600 text-white',
+    chipLabel: 'Completed'
+  }
+];

apps/dashboard/src/lib/features/course/utils/functions.ts

@@ -0,0 +1,23 @@
+export function validateForm(fields) {
+  let hasError = false;
+  const { title, description } = fields;
+  const fieldErrors = {
+    title: '',
+    description: ''
+  };
+
+  if (!title) {
+    fieldErrors.title = 'Title is required';
+    hasError = true;
+  }
+
+  if (!description) {
+    fieldErrors.description = 'Description is required';
+    hasError = true;
+  }
+
+  return {
+    hasError,
+    fieldErrors
+  };
+}

apps/dashboard/src/lib/features/course/utils/store.ts

@@ -0,0 +1,57 @@
+import { writable, derived } from 'svelte/store';
+import type { Course } from '$lib/utils/types';
+
+export const courses = writable<Course[]>([]);
+
+export const view = writable('grid');
+export const coursesInProgress = derived(courses, ($courses) =>
+  $courses.length > 0
+    ? $courses.filter((course) => {
+        return course.total_lessons !== course.progress_rate;
+      })
+    : []
+);
+export const coursesComplete = derived(courses, ($courses) =>
+  $courses.length > 0
+    ? $courses.filter((course) => {
+        return course.total_lessons === course.progress_rate;
+      })
+    : []
+);
+export const courseMetaDeta = writable<{
+  isLoading: boolean;
+  view: 'grid' | 'list';
+}>({
+  isLoading: true,
+  view: 'grid'
+});
+
+export const createCourseModal = writable({
+  title: '',
+  type: '',
+  description: '',
+  emails: '',
+  tutors: '',
+  students: ''
+});
+
+export const copyCourseModalInitialState = {
+  open: false,
+  courseIdToCopy: null,
+  id: '',
+  title: '',
+  description: '',
+  isSaving: false,
+  error: null
+};
+
+export const copyCourseModal = writable({ ...copyCourseModalInitialState });
+
+export const deleteCourseModalInitialState = {
+  open: false,
+  id: '',
+  title: '',
+  isDeleting: false
+};
+
+export const deleteCourseModal = writable({ ...deleteCourseModalInitialState });