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 <[email protected]>

apps/dashboard/src/routes/lms/settings/+page.svelte

@@ -3,18 +3,20 @@
   import { Tabs, Tab, TabContent } from 'carbon-components-svelte';
   import Profile from '$lib/components/LMS/components/Profile.svelte';
   import Integrations from '$lib/components/Org/Settings/Integrations.svelte';
+  import { t } from '$lib/utils/functions/translations';
 
   let selected = 0;
-  const tabs = [
+  let tabs = [];
+  $: tabs = [
     {
       key: 0,
-      label: 'Profile',
+      label: $t('settings.tabs.1'),
       tabKey: '',
       href: $page.url.pathname
     },
     {
       key: 1,
-      label: 'Integrations',
+      label: $t('settings.tabs.4'),
       tabKey: 'integrations',
       href: `${$page.url.pathname}?tab=integrations`,
       disabled: false
@@ -25,7 +27,7 @@
 <section class="w-full max-w-6xl mx-auto">
   <div class="py-10 px-5">
     <div class="flex items-center justify-between mb-10">
-      <h1 class="dark:text-white text-3xl font-bold">Settings</h1>
+      <h1 class="dark:text-white text-3xl font-bold">{$t('settings.heading')}</h1>
     </div>
 
     <div class="">