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/lms/community/+page.svelte

@@ -1,6 +1,6 @@
 <script>
   import { goto } from '$app/navigation';
-  import Community from '$lib/components/Org/Community/index.svelte';
+  import { CommunityPage } from '$lib/features/community/pages';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
   import { t } from '$lib/utils/functions/translations';
 
@@ -20,6 +20,6 @@
       <PrimaryButton label={$t('community.ask_button')} onClick={askCommunity} />
     </div>
 
-    <Community isLMS={true} />
+    <CommunityPage isLMS={true} />
   </div>
 </section>

apps/dashboard/src/routes/lms/community/[slug]/+page.svelte

@@ -10,7 +10,7 @@
   import type { Course } from '$lib/utils/types';
   import { profile } from '$lib/utils/store/user';
   import { t } from '$lib/utils/functions/translations';
-  import { courses } from '$lib/components/Courses/store';
+  import { courses } from '$lib/features/course/utils/store';
   import { calDateDiff } from '$lib/utils/functions/date';
   import { supabase } from '$lib/utils/functions/supabase';
   import { snackbar } from '$lib/components/Snackbar/store';
@@ -25,8 +25,8 @@
   import TextField from '$lib/components/Form/TextField.svelte';
   import TextEditor from '$lib/components/TextEditor/index.svelte';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
-  import DeleteModal from '$lib/components/Org/Community/DeleteModal.svelte';
   import CircleCheckIcon from '$lib/components/Icons/CircleCheckIcon.svelte';
+  import { CommunityDeleteModal } from '$lib/features/community/components';
 
   interface Comment {
     id: string;
@@ -203,7 +203,7 @@
           id: _c.id,
           authorId: $profile.id || '',
           name: $profile?.fullname || '',
-          avatar: $profile?.avatar_url || '',
+          avatar: $profile?.avatarUrl || '',
           votes: 0,
           comment: _c.body,
           createdAt: calDateDiff(_c.created_at)
@@ -370,7 +370,7 @@
   <title>{question?.title || 'Question'}</title>
 </svelte:head>
 
-<DeleteModal
+<CommunityDeleteModal
   bind:open={deleteQuestion.shouldDelete}
   isDeleting={deleteQuestion.isDeleting}
   onCancel={() => {
@@ -381,15 +381,6 @@
   isQuestion={true}
 />
 
-<DeleteModal
-  bind:open={deleteComment.shouldDelete}
-  isDeleting={deleteComment.isDeleting}
-  onCancel={() => {
-    deleteComment.shouldDelete = false;
-    deleteComment.commentId = '';
-  }}
-  onDelete={() => handleDelete(false)}
-/>
 <section class="mx-auto max-w-3xl md:mx-10 lg:mb-20">
   {#if !question}
     <div class="mb-3 px-5 py-10">
@@ -479,7 +470,7 @@
             />
           </div>
         {:else}
-          <section class="prose prose-sm p-2 sm:prose">
+          <section class="prose prose-sm sm:prose p-2">
             {@html question.body}
           </section>
         {/if}
@@ -522,7 +513,7 @@
                 </IconButton>
               {/if}
             </header>
-            <article class="prose prose-sm p-2 sm:prose">
+            <article class="prose prose-sm sm:prose p-2">
               {@html comment.comment}
             </article>
           </div>

apps/dashboard/src/routes/lms/community/ask/+page.svelte

@@ -7,7 +7,7 @@
   import { profile } from '$lib/utils/store/user';
   import { currentOrg } from '$lib/utils/store/org';
   import { t } from '$lib/utils/functions/translations';
-  import { courses } from '$lib/components/Courses/store';
+  import { courses } from '$lib/features/course/utils/store';
   import { supabase } from '$lib/utils/functions/supabase';
   import { snackbar } from '$lib/components/Snackbar/store';
   import { fetchCourses } from '$lib/utils/services/courses';