feat: multi language support (#254)

* feat: multitranslational support

* - completion of settings page
- completion of sidebar

* sidebar rerendering bug fix

* completion of the lesson navigation & materials page

* completion of the course navigation

* completion of requested languages

* - Implementation of Language Picker
- Rename Bug Fixes

* checkpoint save

* - addition of the language picker to the onboarding.
- addition of the language switcher for the lesson notes.

* merge completion

* initialization of the new branch

* add transition.svelte file

* lesson note bug fix

* feat: add translation migration

* completion of translation

* fix height issue of dropdown

* refactoring

* fix: improve code with LOCALE from db

* finally get it fully functional

* connect with AI

* backward compatibility for lesson note

* preserve old content, when generating AI content

* undo translations in upgrade modal

* fix duplicate key issue from codacy trigger

---------

Co-authored-by: Rotimi Best <best@classroomio.com>

apps/dashboard/src/lib/components/WelcomeModal/WelcomeModal.svelte

@@ -9,34 +9,34 @@
   } from '$lib/utils/services/notification/notification';
   import { profile } from '$lib/utils/store/user';
 
-  let open = false;
+  let query = new URLSearchParams($page.url.search);
+  let welcomePopup = query.get('welcomePopup');
+  import { t } from '$lib/utils/functions/translations';
 
   const closeModal = () => {
     triggerSendEmail(NOTIFICATION_NAME.WELCOME_TO_APP, {
       to: $profile.email,
       name: $profile.fullname
     });
-
-    goto($currentOrgPath + '/setup');
+    goto($currentOrgPath + '/courses?create=true');
   };
-
-  $: {
-    const query = new URLSearchParams($page.url.search);
-    open = query.get('welcomePopup') === 'true';
-  }
 </script>
 
-<Modal onClose={closeModal} {open} width="w-9/12" maxWidth="w-[800px]" modalHeading="Welcome">
+<Modal
+  onClose={closeModal}
+  open={welcomePopup === 'true'}
+  width="w-9/12"
+  maxWidth="w-[800px]"
+  modalHeading="Welcome"
+>
   <p class="text-black dark:text-white text-sm md:text-base lg:text-lg">
-    We at <a
-      href="https://app.classroomio.com/"
-      class="text-primary-700 no-underline hover:no-underline">ClassroomIO</a
+    {$t('welcome_modal.we_at')}
+    <a href="https://app.classroomio.com/" class="text-primary-700 no-underline hover:no-underline"
+      >ClassroomIO</a
     >
-    are a small team with a large mission to empower educators with great technology to help them train
-    the future generation. Education is the most powerful gift you can give anyone, and it makes so much
-    sense to give you all the tools you need to give more people this GIFT.
-    <span class="text-primary-700">Thank you for choosing us;</span> we deeply appreciate it and are
-    at your service.
+    {$t('welcome_modal.content_1')}
+    <span class="text-primary-700">{$t('welcome_modal.content_2')};</span>
+    {$t('welcome_modal.content_3')}
   </p>
   <img src="/images/welcome-img.svg" alt="A welcome banner" class="w-full my-6" />
 </Modal>