feat: Change default font sizes - MEED-7147 - Meeds-io/MIPs#144 (#803) (

#532)

This change will apply new font sizes:
- Title: 20px, regularColor, Bold
- Header: 18px, lowImportanceColor, Regular
- Body: 16px, regularColor, Regular
- Subtitle: 12px, lowImportanceColor, Regular

wallet-webapps/src/main/webapp/vue-app/connectorEventExtensions/components/WalletEvent.vue

@@ -18,7 +18,7 @@
 -->
 <template>
   <div v-if="!isEditing">
-    <div class="subtitle-1 font-weight-bold mb-2">
+    <div class="text-header mb-2">
       {{ $t('gamification.event.display.goThere') }}
     </div>
     <div class="d-flex justify-center">

wallet-webapps/src/main/webapp/vue-app/wallet-common/wallet-settings/components/WalletSettings.vue

@@ -16,7 +16,7 @@
       <v-list>
         <v-list-item>
           <v-list-item-content>
-            <v-list-item-title class="title text-color">
+            <v-list-item-title class="title text-title">
               {{ $t('exoplatform.wallet.label.settings.internal') }}
             </v-list-item-title>
           </v-list-item-content>

wallet-webapps/src/main/webapp/vue-app/wallet-common/wallet-settings/components/WalletSettingsDetails.vue

@@ -13,10 +13,10 @@
             width="36"
             @click="$emit('back')">
             <v-icon size="20">
-              {{ $vuetify.rtl && 'mdi-arrow-right' || 'mdi-arrow-left' }}
+              {{ $vuetify.rtl && 'fa-arrow-right' || 'fa-arrow-left' }}
             </v-icon>
           </v-btn>
-          <v-toolbar-title class="ps-0">
+          <v-toolbar-title class="ps-0 text-title">
             {{ title }}
           </v-toolbar-title>
           <v-spacer />