feat(ui): add infoheader component, improve quest map visuals

src/pages/student/QuestMap.tsx

@@ -4,6 +4,7 @@ import type { QuestArc, QuestNode, NodeStatus } from "../../types/quest";
 import { useQuestStore, getQuestSummary } from "../../stores/useQuestStore";
 import { QuestNodeModal } from "../../components/QuestNodeModal";
 import { ChestOpenModal } from "../../components/ChestOpenModal";
+import { InfoHeader } from "../../components/InfoHeader";
 
 // ─── Map geometry (all in SVG user-units, viewBox width = 390) ───────────────
 const VW = 390; // viewBox width — matches typical phone width
@@ -784,9 +785,9 @@ export const QuestMap = () => {
 
       {/* Header */}
       <div className="qm-header">
-        <p className="qm-page-title">🏴‍☠️ Treasure Quests</p>
-        <p className="qm-page-sub">Chart your course across the Grand Line</p>
-        <div className="qm-stats-strip">
+        {/* <p className="qm-page-title">🏴‍☠️ Treasure Quests</p>
+        <p className="qm-page-sub">Chart your course across the Grand Line</p> */}
+        {/* <div className="qm-stats-strip">
           {[
             {
               e: "⚓",
@@ -807,7 +808,8 @@ export const QuestMap = () => {
               <span className="qm-stat-label">{s.l}</span>
             </div>
           ))}
-        </div>
+        </div> */}
+        <InfoHeader mode="QUEST_EXTENDED" />
         <div className="qm-arc-tabs">
           {arcs.map((a) => (
             <button