fix type problems

app/src/views/LeaderboardPage.vue

@@ -37,7 +37,7 @@ onMounted(async () => {
       class="w-screen h-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
     >
       <div class="w-full">
-        <HeaderPart :title="排行榜" :headerComponent="GameHeaderComponents" />
+        <HeaderPart title="排行榜" :headerComponent="GameHeaderComponents" />
       </div>
       <div class="w-fit h-[94vh] m-3">
         <div

app/src/views/QuestMapPage.vue

@@ -7,7 +7,7 @@ import GameHeaderComponents from '../components/header/GameHeaderComponents.vue'
 <template>
   <div class="w-fit">
     <HeaderPart
-      :title="關卡地圖"
+      title="關卡地圖"
       :headerComponent="GameHeaderComponents"
       class="z-50"
     />