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/courses/[id]/marks/+page.svelte

@@ -15,6 +15,7 @@
   import { course } from '$lib/components/Course/store';
   import { snackbar } from '$lib/components/Snackbar/store';
   import { globalStore } from '$lib/utils/store/app';
+  import { t } from '$lib/utils/functions/translations.js';
 
   export let data;
 
@@ -38,7 +39,7 @@
     const { data: marks, error } = await fetchMarks(courseId);
     if (error) {
       console.error('Error fetching marks', error);
-      snackbar.error('Error fetching marks');
+      snackbar.error('snackbar.marks.error');
       return;
     }
 
@@ -86,13 +87,13 @@
 </script>
 
 <CourseContainer bind:courseId={data.courseId}>
-  <PageNav title="Marks" />
+  <PageNav title={$t('course.navItem.marks.title')} />
 
   <PageBody width="w-full max-w-6xl md:w-11/12">
     <div class="table rounded-md border border-gray-300 w-full">
       <div class="flex items-center {borderBottomGrey}">
         <div class="box flex items-center p-3">
-          <p class="dark:text-white w-40">Student</p>
+          <p class="dark:text-white w-40">{$t('course.navItem.marks.student')}</p>
         </div>
         {#each $lessons as lesson, index}
           {#if lessonMapping[lesson.id]}
@@ -117,7 +118,7 @@
           {/if}
         {/each}
         <div class="box flex items-center {borderleftGrey}">
-          <p class="dark:text-white w-20 text-center">Total</p>
+          <p class="dark:text-white w-20 text-center">{$t('course.navItem.marks.total')}</p>
         </div>
       </div>
 
@@ -163,7 +164,9 @@
       {:else}
         <Box>
           <AudioConsoleIcon size={32} class="carbon-icon w-80" />
-          <h3 class="text-3xl text-gray-500 dark:text-white">No Student Added</h3>
+          <h3 class="text-3xl text-gray-500 dark:text-white">
+            {$t('course.navItem.marks.no_student')}
+          </h3>
         </Box>
       {/each}
     </div>