[DP-407] 마이페이지 틀린 퀴즈들 섹션 구현 및 상세 페이지 추가

[uiuuoq]

연결된 Jira 티켓

• DP-407

작업 내용

• 마이페이지 틀린 퀴즈들 섹션 구현 (preview 4개 + 전체 보기)
• 틀린 퀴즈 상세 페이지 구현 (/my-page/wrong-quizzes)
• 틀린 퀴즈 기준: score < totalQuestions인 항목만 렌더링
• 상세 페이지 정렬(최신순/오래된순) 기능 추가

주요 변경점

• types/myPage.ts — MyPageQuizHistory 타입 추가 (thumbnail, preview 포함)
• lib/mock/my-page-wrong-quizzes.ts — 퀴즈 이력 mock 데이터 (만점 3개 포함, 필터링 검증용)
• quizzes/WrongQuizCard.tsx — 메인 preview 카드 + LevelBadge
• quizzes/WrongQuizSection.tsx — preview 섹션 (로딩 스켈레톤 포함)
• quizzes/WrongQuizListItem.tsx — 상세 세로 리스트 아이템 (썸네일 + 문제 미리보기)
• quizzes/WrongQuizList.tsx — props 기반, 정렬 컨트롤
• app/(main)/my-page/wrong-quizzes/page.tsx — 서버 컴포넌트, fetch 후 전달
• MyPage.tsx — 스켈레톤 → WrongQuizSection 교체

테스트 방법

1. /my-page 접속 → 틀린 퀴즈들 섹션에 카드 표시 확인
2. score === totalQuestions 항목이 렌더되지 않는지 확인
3. 전체 보기 클릭 → /my-page/wrong-quizzes 이동 확인
4. 정렬 드롭다운에서 최신순/오래된순 전환 확인

AI 사용 여부

• Claude Code 사용

체크리스트

• 빌드/테스트 확인
• 리뷰어 지정
• 라벨 지정

---

• 틀린 퀴즈 카드는 추후 퀴즈 결과 상세 API 확정 후 /home/{contentId}/quiz/result로 연결 예정
• 이번 티켓에서는 QuizResult 재사용, answers 저장/조회, 결과 상세 페이지 구현은 제외