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/Audience/AudienceList.svelte

@@ -5,16 +5,17 @@
     ToolbarContent,
     ToolbarSearch,
     Pagination,
-    DataTableSkeleton,
+    DataTableSkeleton
   } from 'carbon-components-svelte';
   import { orgAudience } from '$lib/utils/store/org';
+  import { t } from '$lib/utils/functions/translations';
 
   export let isLoading = false;
 
   const headers = [
-    { key: 'name', value: 'Name' },
-    { key: 'email', value: 'Email' },
-    { key: 'date_joined', value: 'Date Joined' },
+    { key: 'name', value: $t('audience.name') },
+    { key: 'email', value: $t('audience.email') },
+    { key: 'date_joined', value: $t('audience.date_joined') }
   ];
   let pageSize = 5;
   let page = 1;
@@ -28,20 +29,10 @@
   <DataTable size="tall" {headers} rows={$orgAudience} {pageSize} {page}>
     <Toolbar>
       <ToolbarContent>
-        <ToolbarSearch
-          persistent
-          value={searchValue}
-          shouldFilterRows
-          bind:filteredRowIds
-        />
+        <ToolbarSearch persistent value={searchValue} shouldFilterRows bind:filteredRowIds />
       </ToolbarContent>
     </Toolbar>
   </DataTable>
 {/if}
 
-<Pagination
-  bind:pageSize
-  bind:page
-  totalItems={filteredRowIds.length}
-  pageSizeInputDisabled
-/>
+<Pagination bind:pageSize bind:page totalItems={filteredRowIds.length} pageSizeInputDisabled />

apps/dashboard/src/lib/components/Org/Audience/index.svelte

@@ -4,6 +4,7 @@
   import AudienceEmptyIcon from '$lib/components/Icons/AudienceEmptyIcon.svelte';
   import { getOrgAudience } from '$lib/utils/services/org';
   import { orgAudience, currentOrg } from '$lib/utils/store/org';
+  import { t } from '$lib/utils/functions/translations';
 
   let isLoading = false;
 
@@ -24,9 +25,9 @@
   {:else}
     <Box>
       <AudienceEmptyIcon />
-      <h3 class="dark:text-white text-2xl text-center my-5">No audience to manage!</h3>
+      <h3 class="dark:text-white text-2xl text-center my-5">{$t('audience.no_audience')}!</h3>
       <p class="dark:text-white w-1/3 text-center">
-        Manage all your students here and stay connected with them.
+        {$t('audience.manage')}.
       </p>
     </Box>
   {/if}