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/routes/org/[slug]/courses/+page.svelte

@@ -13,6 +13,7 @@
   import { isOrgAdmin } from '$lib/utils/store/org';
   import type { Course } from '$lib/utils/types';
   import { browser } from '$app/environment';
+  import { t } from '$lib/utils/functions/translations.js';
   import { VARIANTS } from '$lib/components/PrimaryButton/constants';
 
   export let data;
@@ -86,14 +87,14 @@
 <section class="w-full md:max-w-6xl md:mx-auto">
   <div class="py-2 md:py-10 px-2 md:px-5">
     <div class="flex items-center justify-between mb-5">
-      <h1 class="dark:text-white text-2xl md:text-3xl font-bold">Courses</h1>
+      <h1 class="dark:text-white text-2xl md:text-3xl font-bold">{$t('courses.heading')}</h1>
       {#if $isMobile}
         <PrimaryButton isDisabled={!$isOrgAdmin} onClick={() => ($createCourseModal.open = true)}>
           <Add size={24} />
         </PrimaryButton>
       {:else}
         <PrimaryButton
-          label="Create Course"
+          label={$t('courses.heading_button')}
           variant={VARIANTS.CONTAINED_DARK}
           isDisabled={!$isOrgAdmin}
           onClick={() => ($createCourseModal.open = true)}
@@ -101,9 +102,9 @@
       {/if}
     </div>
     <div class="flex flex-row-reverse mb-5">
-      <div class="flex items-end justify-start">
+      <div class="filter-containter flex items-end justify-start">
         <Search
-          placeholder="Find course"
+          placeholder={$t('courses.search_placeholder')}
           bind:value={searchValue}
           searchClass="mr-2"
           class=" bg-gray-100 dark:bg-neutral-800"
@@ -112,9 +113,9 @@
           class="h-full"
           bind:selectedId
           items={[
-            { id: '0', text: 'Date Created' },
-            { id: '1', text: 'Published' },
-            { id: '2', text: 'Lessons' }
+            { id: '0', text: $t('courses.course_filter.date_created') },
+            { id: '1', text: $t('courses.course_filter.published') },
+            { id: '2', text: $t('courses.course_filter.lessons') }
           ]}
         />
       </div>
@@ -127,7 +128,7 @@
 </section>
 
 <style>
-  :global(.bx--dropdown) {
+  .filter-containter :global(.bx--dropdown) {
     max-height: unset;
     height: 100%;
   }