refactor(ui): better rendering with Inter font

components/teams/Add.vue

@@ -6,7 +6,7 @@
     </template>
     <template #body>
       <div class="flex flex-col px-2">
-        <label for="selectLabelTeamAdd" class="font-semibold text-xs px-4 pb-4">
+        <label for="selectLabelTeamAdd" class="font-semibold px-4 pb-4">
           {{ $t("label") }}
         </label>
         <input

components/teams/Edit.vue

@@ -6,10 +6,7 @@
     </template>
     <template #body>
       <div class="flex flex-col px-2">
-        <label
-          for="selectLabelTeamEdit"
-          class="font-semibold text-xs px-4 pb-4"
-        >
+        <label for="selectLabelTeamEdit" class="font-semibold px-4 pb-4">
           {{ $t("label") }}
         </label>
         <input
@@ -20,7 +17,7 @@
           :placeholder="editingTeam.name"
           @keyup.enter="saveTeam"
         />
-        <label for="memberList" class="font-semibold text-xs px-4 pt-4 pb-4">
+        <label for="memberList" class="font-semibold px-4 pt-4 pb-4">
           {{ $t("team_member_list") }}
         </label>
         <ul

components/teams/index.vue

@@ -38,7 +38,7 @@
     <p v-if="myTeams.length === 0">
       <i class="material-icons">help_outline</i> {{ $t("create_new_team") }}
     </p>
-    <div v-else class="overflow-auto hide-scrollbar">
+    <div v-else class="!overflow-auto hide-scrollbar">
       <ul class="flex-col">
         <li v-for="(team, index) in myTeams" :key="`team-${index}`">
           <TeamsTeam