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

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

kudos-webapps/src/main/webapp/vue-app/connectorEventExtensions/components/KudosEvent.vue

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

kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/KudosAdminSetup.vue

@@ -22,10 +22,13 @@
 <template>
   <v-app flat>
     <div class="px-6">
-      <v-list-item class="px-0" two-line>
+      <v-list-item
+        class="px-0"
+        two-line
+        dense>
         <v-list-item-content>
-          <v-list-item-title>
-            <h4 class="my-0">{{ $t('kudos.administration.title') }}</h4>
+          <v-list-item-title class="text-title">
+            {{ $t('kudos.administration.title') }}
           </v-list-item-title>
           <v-list-item-subtitle>
             {{ $t('kudos.administration.subtitle') }}

kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue

@@ -21,7 +21,7 @@
 -->
 <template>
   <v-card flat>
-    <div class="subtitle-1 mt-4 mb-2 text-color">
+    <div class="text-header mt-4 mb-2">
       {{ $t('kudos.administration.label') }}
     </div>
     <div class="d-flex flex-row kudosPeriodConfiguration">