Fix tooltip placement

src/components/messages/QuickReactions.vue

@@ -6,7 +6,7 @@
       :key="name"
       v-show="showAllReaction || index < REACTION_LIMIT"
     >
-      <v-tooltip top v-if="value.includes($matrix.currentUserId)">
+      <v-tooltip location="top" v-if="value.includes($matrix.currentUserId)">
         <template v-slot:activator="{ props }">
           <v-chip
             class="pa-2 ma-1 ml-0"
@@ -38,7 +38,7 @@
     >
       {{ otherReactionText }}
     </v-chip>
-    <v-tooltip top v-if="!!totalReaction">
+    <v-tooltip location="top" v-if="!!totalReaction">
       <template v-slot:activator="{ props }">
         <v-chip
           variant="outlined"

src/components/messages/SeenBy.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="seen-by-container">
-      <v-tooltip top open-delay="500" v-if="seenBy.length > 0">
+      <v-tooltip location="top" open-delay="500" v-if="seenBy.length > 0">
         <template v-slot:activator="{ props }">
           <div v-bind="props" class="clickable">
             <div class="more" v-if="seenBy.length > 0">{{ moreItems }}</div>

src/components/messages/channel/QuickReactionsChannel.vue

@@ -6,7 +6,7 @@
       :key="name"
       v-show="name == '❤️'"
     >
-      <v-tooltip top v-if="value.includes($matrix.currentUserId)">
+      <v-tooltip location="top" v-if="value.includes($matrix.currentUserId)">
         <template v-slot:activator="{ props }">
           <v-icon class="ma-1 ml-0 clickable" v-bind="props" @click="onClickEmoji(name)" color="#ff3300">$vuetify.icons.ic_like_filled</v-icon>
         </template>