[DP-406] 마이페이지 스크랩 섹션 구현 및 상세 페이지 추가

[uiuuoq]

연결된 Jira 티켓

• DP-406

작업 내용

• 마이페이지 스크랩한 글들 섹션 구현 (preview 4개 + 전체 보기)
• 스크랩 상세 페이지 구현 (/my-page/scraps)
• 스크랩 상세 페이지 검색 및 정렬(최신순/오래된순) 기능 추가

주요 변경점

• types/myPage.ts — MyPageScrap 공통 타입 정의
• lib/mock/my-page-scraps.ts — 스크랩 mock 데이터 및 fetch 함수
• ScrappedPostCard.tsx — 마이페이지 메인용 카드 컴포넌트
• ScrappedPostsSection.tsx — 스크랩 preview 섹션 (로딩 스켈레톤 포함)
• ScrappedPostListItem.tsx — 상세 페이지용 세로 리스트 아이템
• ScrappedPostsList.tsx — 검색/정렬 컨트롤 + 로딩/에러 상태 관리
• app/(main)/my-page/scraps/page.tsx — 스크랩 전체 목록 페이지

테스트 방법

1. /my-page 접속 → 스크랩한 글들 섹션에 카드 4개 표시 확인
2. 전체 보기 클릭 → /my-page/scraps 이동 확인
3. 검색어 입력 시 실시간 필터링 확인
4. 정렬 드롭다운에서 최신순/오래된순 전환 확인
5. 검색 결과 없을 때 빈 상태 문구 확인

AI 사용 여부

• Claude Code 사용

체크리스트

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