[Task] TestResultPage 컴포넌트 구현

[DDINGJOO]

상위 Story

• [Story] 단어 시험 기능 구현 #61 [Story] 단어 시험 기능 구현

목표

시험 결과 상세 페이지 구현

화면 구성

┌─────────────────────────────────────────────────────┐
│  시험 결과                                           │
│                                                      │
│  ┌───────────────────────────────────────────────┐  │
│  │            🎉 90점!                            │  │
│  │                                                │  │
│  │  총 문제: 20개                                 │  │
│  │  ✅ 정답: 18개                                 │  │
│  │  ❌ 오답: 2개                                  │  │
│  └───────────────────────────────────────────────┘  │
│                                                      │
│  ❌ 틀린 문제                                        │
│  ┌───────────────────────────────────────────────┐  │
│  │ Q5. 가설                                       │  │
│  │ 내 답: banana  ❌                              │  │
│  │ 정답: hypothesis  ✅                           │  │
│  │                                     [🔊 듣기]  │  │
│  └───────────────────────────────────────────────┘  │
│                                                      │
│  [ 🔄 다시 보기 ]  [ 🏠 대시보드 ]                  │
└─────────────────────────────────────────────────────┘

라우팅

<Route path="/vocab/test/result/:testId" element={<TestResultPage />} />

MUI 컴포넌트

• Paper, Card
• List, ListItem
• Typography
• Chip (정답/오답 표시)
• Button

완료 조건

• TestResultPage 컴포넌트 구현
• 점수 및 통계 표시
• 틀린 문제 목록 표시
• TTS 듣기 기능
• 다시 보기/대시보드 버튼

[github-actions]

Closed by PR #102