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/Org/VerifyEmail/VerifyEmailModal.svelte

@@ -8,6 +8,7 @@
     NOTIFICATION_NAME
   } from '$lib/utils/services/notification/notification';
   import { currentOrg } from '$lib/utils/store/org';
+  import { t } from '$lib/utils/functions/translations';
 
   const WAIT_SEC = 120;
   const WAIT_TIME = WAIT_SEC * 1000;
@@ -31,7 +32,7 @@
 
       isSent = true;
     } catch (error) {
-      snackbar.error('error while sending code');
+      snackbar.error('verify_email_modal.snackbar.error');
     } finally {
       loading = false;
     }
@@ -53,9 +54,11 @@
 <Modal {open} isCloseable={false} width="w-4/5" maxWidth="w-[500px]" containerClass="p-4">
   <div class="flex flex-col items-center space-y-6 text-center">
     <img src="/verify-email.svg" alt="email verification" />
-    <p class="font-bold text-xl">Verify your Email</p>
-    <p class="text-sm w-[70%] text-gray-500">
-      We've sent a verification email to {$profile.email} to confirm the validity of the email provided.
+    <p class="font-bold text-xl">{$t('verify_email_modal.heading')}</p>
+    <p class="text-sm w-[70%] text-gray-700">
+      {$t('verify_email_modal.sent_verification')}
+      {$profile.email}
+      {$t('verify_email_modal.to_confirm')}
     </p>
 
     <div class="flex items-center flex-col">
@@ -65,13 +68,17 @@
         onClick={resendVerificationCode}
       >
         {#if loading}
-          Loading...
+          {$t('verify_email_modal.loading')}
         {:else}
-          Resend Verification Code
+          {$t('verify_email_modal.resend')}
         {/if}
       </PrimaryButton>
       {#if isSent}
-        <p class="text-xs text-gray-700">Resend verification in {countDown} seconds</p>
+        <p class="text-xs text-gray-700">
+          {$t('verify_email_modal.resend_in')}
+          {countDown}
+          {$t('verify_email_modal.seconds')}
+        </p>
       {/if}
     </div>
   </div>