Client - update language labels

fittrackee_client/src/components/User/ProfileDisplay/UserPreferences.vue

@@ -21,6 +21,7 @@
   import { PropType, computed, defineComponent } from 'vue'
 
   import { IUserProfile } from '@/types/user'
+  import { languageLabels } from '@/utils/locales'
 
   export default defineComponent({
     name: 'UserPreferences',
@@ -32,7 +33,9 @@
     },
     setup(props) {
       const language = computed(() =>
-        props.user.language ? props.user.language.toUpperCase() : 'EN'
+        props.user.language
+          ? languageLabels[props.user.language]
+          : languageLabels['en']
       )
       const fistDayOfWeek = computed(() =>
         props.user.weekm ? 'MONDAY' : 'SUNDAY'

fittrackee_client/src/components/User/ProfileEdition/UserPreferencesEdition.vue

@@ -60,11 +60,11 @@
     reactive,
     onMounted,
   } from 'vue'
-  import { useI18n } from 'vue-i18n'
 
   import { ROOT_STORE, USER_STORE } from '@/store/constants'
   import { IUserProfile, IUserPreferencesPayload } from '@/types/user'
   import { useStore } from '@/use/useStore'
+  import { availableLanguages } from '@/utils/locales'
 
   export default defineComponent({
     name: 'UserPreferencesEdition',
@@ -75,16 +75,12 @@
       },
     },
     setup(props) {
-      const { availableLocales } = useI18n()
       const store = useStore()
       const userForm: IUserPreferencesPayload = reactive({
         language: '',
         timezone: 'Europe/Paris',
         weekm: false,
       })
-      const availableLanguages = availableLocales.map((l) => {
-        return { label: l.toUpperCase(), value: l }
-      })
       const weekStart = [
         {
           label: 'MONDAY',