Dynamically set dashboard language when profile language changes

dashboard/src/Index.vue

@@ -2,6 +2,7 @@
 
 import { onMounted, ref, useTemplateRef, provide } from 'vue';
 import { Notification, fetcher, SideBar } from '@cloudron/pankow';
+import { setLanguage } from './i18n.js';
 import { API_ORIGIN, TOKEN_TYPES } from './constants.js';
 import { redirectIfNeeded } from './utils.js';
 import ProfileModel from './models/ProfileModel.js';
@@ -225,6 +226,9 @@ onMounted(async () => {
   if (error) return console.error(error);
   profile.value = result;
 
+  // ensure language from profile if set
+  if (profile.value.language) await setLanguage(profile.value.language);
+
   [error, result] = await dashboardModel.config();
   if (error) return console.error(error);
   config.value = result;