문제 풀이 단계 표시 방식 변경: 숫자 -> 아이콘

app/(game)/play/PlayClient.tsx

@@ -6,6 +6,7 @@ import type { FormEvent } from "react";
 import AnswerForm from "@/components/game/AnswerForm";
 import FeedbackPanel from "@/components/game/FeedbackPanel";
 import ScoreSummary from "@/components/game/ScoreSummary";
+import StageIndicator from "@/components/game/StageIndicator";
 import KatexRenderer from "@/components/math/KatexRenderer";
 import { useGameStore } from "@/store/gameStore";
 
@@ -115,9 +116,10 @@ export default function PlayClient() {
               문제 풀이
             </h1>
           </div>
-          <p className="rounded-md bg-white px-4 py-2 text-sm font-semibold text-slate-700 shadow-sm ring-1 ring-slate-200">
-            {session.currentIndex + 1} / {session.problems.length}
-          </p>
+          <StageIndicator
+            currentIndex={session.currentIndex}
+            results={session.results}
+          />
         </div>
 
         <div className="rounded-md bg-white p-6 shadow-sm ring-1 ring-slate-200 sm:p-8">