Improve and fix errors on main page

app/components/content/HoverText.vue

@@ -1,4 +1,7 @@
 <script lang="ts" setup>
+import type { Placement } from '@popperjs/core'
+import type { PropType } from 'vue'
+
 defineProps({
   text: {
     type: [String, Number],
@@ -7,12 +10,18 @@ defineProps({
   hover: {
     type: String,
     required: true
+  },
+  position: {
+    type: String as PropType<Placement>
   }
 })
 </script>
 
 <template>
-  <UTooltip :text="hover">
+  <UTooltip
+    :popper="{ placement: position }"
+    :text="hover"
+  >
     <strong class="leading-3">{{ text }}</strong>
   </UTooltip>
 </template>