add header to login and register page, modified header class but not fit for all circumstances

app/src/views/QuestMapPage.vue

@@ -5,10 +5,21 @@ import GameHeaderComponents from '../components/header/GameHeaderComponents.vue'
 </script>
 
 <template>
-  <div class="h-[6vh] w-full">
-    <HeaderPart :title="關卡地圖" :headerComponent="GameHeaderComponents" />
+  <div class="w-fit h-[5vh]">
+    <HeaderPart
+      :title="關卡地圖"
+      :headerComponent="GameHeaderComponents"
+      class="z-50"
+    />
   </div>
-  <div class="flex flex-col justify-center items-center w-full h-[94vh]">
+  <!-- <p
+      class="text-text-primary absolute z-1 font-bold inline-block tracking-widest"
+      style="left: 1.2%; top: 1.5%; height: 100%; font-size: 2vh"
+    >
+      Quest Map
+      Unix編年史
+    </p> -->
+  <div class="flex flex-col justify-center items-center w-full h-[95vh]">
     <QuestMap />
   </div>
 </template>