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/Buttons/Logout/index.svelte

@@ -1,7 +1,30 @@
 <script lang="ts">
-  import { logout } from '$lib/utils/functions/logout';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
   import { VARIANTS } from '$lib/components/PrimaryButton/constants';
+  import { supabase } from '$lib/utils/functions/supabase';
+  import { capturePosthogEvent } from '$lib/utils/services/posthog';
+  import { currentOrg, orgs, defaultCurrentOrgState } from '$lib/utils/store/org';
+  import { user, profile, defaultProfileState, defaultUserState } from '$lib/utils/store/user';
+  import { t } from '$lib/utils/functions/translations';
+  import posthog from 'posthog-js';
+  import { goto } from '$app/navigation';
+
+  async function logout() {
+    const { error } = await supabase.auth.signOut();
+
+    if (error) {
+      console.error('Error logging out: ', error);
+    }
+
+    currentOrg.set(defaultCurrentOrgState);
+    orgs.set([]);
+    user.set(defaultUserState);
+    profile.set(defaultProfileState);
+
+    capturePosthogEvent('user_logged_out');
+    posthog.reset();
+    goto('/login');
+  }
 </script>
 
-<PrimaryButton variant={VARIANTS.OUTLINED} label="Log out" onClick={logout} />
+<PrimaryButton variant={VARIANTS.OUTLINED} label={$t('settings.profile.logout')} onClick={logout} />

apps/dashboard/src/lib/components/Buttons/VisitOrgSite.svelte

@@ -4,6 +4,7 @@
   import ArrowUpRightIcon from '$lib/components/Icons/ArrowTopRight.svelte';
   import { currentOrgDomain } from '$lib/utils/store/org';
   import { isMobile } from '$lib/utils/store/useMobile';
+  import { t } from '$lib/utils/functions/translations';
 
   export let className = '';
 </script>
@@ -11,7 +12,7 @@
 <a href={$currentOrgDomain} target="_blank" class="{className} ml-2 hover:no-underline">
   <PrimaryButton variant={VARIANTS.CONTAINED_DARK}>
     {#if !$isMobile}
-      View site
+      {$t('settings.subheadings.view_site')}
     {/if}
     <ArrowUpRightIcon />
   </PrimaryButton>