[DP-408] 마이페이지 추천 섹션 구현 및 틀린 퀴즈 로딩/에러 처리 개선

[uiuuoq]

연결된 Jira 티켓

• DP-408

작업 내용

• 마이페이지 추천 섹션 구현 (홈 글 / 유튜브 / 서적)
• 추천 타입 3종 정의 (MyPageRecommendHomePost, MyPageRecommendVideo, MyPageRecommendBook)
• 틀린 퀴즈 메인 에러 상태 추가
• 틀린 퀴즈 상세 로딩/에러 처리 클라이언트 컴포넌트로 전환

주요 변경점

• types/myPage.ts — 추천 타입 3종 추가 (date, duration/views/uploadedAt,
  authors/cover/publisher/publishedAt)
• components/features/my-page/recommend/ — RecommendedSection + 카드 컴포넌트 3종 신규 생성
• lib/mock/my-page-recommend-{home,video,book}.ts — 추천 mock 데이터 3종 신규 생성
• WrongQuizSection — isError 상태 및 .catch()/.finally() 패턴 추가
• WrongQuizListWrapper — 로딩/에러 처리 클라이언트 래퍼 신규 생성
• WrongQuizListItemSkeleton — 아이템 레이아웃 스켈레톤 신규 생성
• wrong-quizzes/page.tsx — async 서버 컴포넌트 → 단순 래퍼로 변경

테스트 방법

1. /my-page 접속 → 추천 섹션(홈 글 / 유튜브 / 서적) 카드 4개씩 로딩 확인
2. 각 카드 클릭 → 홈 글은 /home/{id}, 유튜브·서적은 외부 링크 새 탭 오픈 확인
3. /my-page/wrong-quizzes 접속 → 로딩 스켈레톤 노출 후 목록 렌더링 확인

AI 사용 여부

• Claude Code 사용

체크리스트

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