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/Settings/Billing.svelte

@@ -4,6 +4,7 @@
   import { VARIANTS } from '$lib/components/PrimaryButton/constants';
   import { currentOrgPlan, isFreePlan } from '$lib/utils/store/org';
   import SectionTitle from '../SectionTitle.svelte';
+  import { t } from '$lib/utils/functions/translations';
 
   let isRedirecting = false;
 
@@ -26,16 +27,18 @@
 
 <Grid class="border-c rounded border-gray-200 dark:border-neutral-600 w-full mt-5">
   <Row class="flex lg:flex-row flex-col py-7 border-bottom-c">
-    <Column sm={4} md={4} lg={4}><SectionTitle>Billing details</SectionTitle></Column>
+    <Column sm={4} md={4} lg={4}
+      ><SectionTitle>{$t('settings.billing.sub_title')}</SectionTitle></Column
+    >
     <Column sm={8} md={8} lg={8}>
-      <h4 class="dark:text-white lg:mt-0">Manage your billing</h4>
+      <h4 class="dark:text-white lg:mt-0">{$t('settings.billing.manage')}</h4>
       {#if $isFreePlan}
-        You don't have any active billing
+        {$t('settings.billing.active')}
       {:else}
-        <p class="mb-3">We use Lemonsqueezy to help manage your billing</p>
+        <p class="mb-3">{$t('settings.billing.lemonsqueezy')}</p>
 
         <PrimaryButton
-          label="Open billing"
+          label={$t('settings.billing.open_billing')}
           variant={VARIANTS.CONTAINED_DARK}
           onClick={onOpenBilling}
           isLoading={isRedirecting}