fix file locations and transfer to ts

app/src/components/header/LandingHeaderComponents.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { bugReportUrl } from '../../config'
 
 const scrollToSection = (sectionId) => {
@@ -17,7 +17,7 @@ const scrollToSection = (sectionId) => {
 <template>
   <button
     id="Intro"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('intro')"
     style="font-size: 2vh"
   >
@@ -25,14 +25,14 @@ const scrollToSection = (sectionId) => {
   </button>
   <button
     id="Feature"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('feature')"
     style="font-size: 2vh"
   >
     特色</button
   ><button
     id="Info"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('about')"
     style="font-size: 2vh"
   >
@@ -41,7 +41,7 @@ const scrollToSection = (sectionId) => {
 
   <button
     id="Contact"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('contact')"
     style="font-size: 2vh"
   >
@@ -51,7 +51,7 @@ const scrollToSection = (sectionId) => {
     title="Sign In"
     id="SignIn"
     to="/register"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     style="font-size: 2vh"
   >
     登入