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/LanguagePicker.svelte

@@ -0,0 +1,28 @@
+<script>
+  import { Dropdown } from 'carbon-components-svelte';
+  import { t, initialized } from '$lib/utils/functions/translations';
+  import { LANGUAGES } from '$lib/utils/constants/translation';
+  import { LOCALE } from '$lib/utils/types';
+
+  export let className = '';
+  export let value = LOCALE.EN;
+  export let hasLangChanged = false;
+
+  const dropdownItems = [{ id: '', text: 'Pick a Language' }, ...LANGUAGES];
+
+  function handleSelect(event) {
+    value = event.detail.selectedId;
+
+    hasLangChanged = true;
+  }
+</script>
+
+{#if $initialized}
+  <Dropdown
+    titleText={$t('content.toggle_label')}
+    items={dropdownItems}
+    selectedId={value}
+    on:select={handleSelect}
+    class="h-full {className}"
+  />
+{/if}