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/lib/components/Org/Quiz/QuizCard.svelte

@@ -9,6 +9,7 @@
   import { onRename, onDelete } from '$lib/utils/services/org/quiz';
   import { themeImages } from '$lib/utils/constants/quiz';
   import { calDateDiff } from '$lib/utils/functions/date';
+  import { t } from '$lib/utils/functions/translations';
 
   export let quiz;
   export let totalQuestions;
@@ -28,7 +29,7 @@
       //   onClick: onReport(quiz),
       // },
       {
-        label: 'Rename',
+        label: $t('components.quiz.rename'),
         onClick() {
           onRename(quiz);
         }
@@ -40,7 +41,7 @@
       //   },
       // },
       {
-        label: 'Delete',
+        label: $t('components.quiz.delete'),
         onClick() {
           onDelete(quiz);
         }
@@ -77,13 +78,13 @@
       <div class="flex md:flex-row flex-col justify-between">
         <div>
           <p class="mb-2">{pluralize('question', totalQuestions, true)}</p>
-          <p class="mb-2 md:mb-0">Updated {calDateDiff(quiz.updated_at)}</p>
+          <p class="mb-2 md:mb-0">{$t('components.quiz.updated')} {calDateDiff(quiz.updated_at)}</p>
         </div>
 
         <PrimaryButton
           className="px-6 py-3"
           variant={VARIANTS.OUTLINED}
-          label="Start Quiz"
+          label={$t('components.quiz.start')}
           onClick={startQuiz}
         />
       </div>