Feat/feed detail

[YangJJune]

📋 개요

피드 상세 페이지에 실제 API를 연결하고, Mock 데이터를 제거했습니다. React Query를 활용해 댓글 무한 스크롤, 좋아요, 댓글 등록 등의 기능을 구현했습니다.

---

🔄 주요 변경사항

1. FeedDetailPage.tsx - 완전 리팩토링

• ✅ Mock 데이터 제거 (mockComments, mockFeedDetail)
• ✅ URL 파라미터로 contentId 받기 (useParams 추가)
• ✅ React Query 훅 연결:
  • useGetContent() - 피드 상세 정보 조회
  • useGetComments() - 댓글 목록 (정렬: 최신순/인기순)
  • usePostLike() - 좋아요 토글
  • usePostComment() - 댓글 등록
• ✅ IntersectionObserver로 무한 스크롤 구현
• ✅ 댓글 입력 및 등록 기능 (엔터키/버튼)
• ✅ 상대 시간 포맷팅 함수 추가 (formatRelativeTime())

2. API 엔드포인트 수정

파일	변경	이유
src/api/contents/mutations.ts	comment → comments	백엔드 API 경로 수정
src/api/contents/queries.ts	comment → comments	백엔드 API 경로 수정

3. 아이콘 추가

src/assets/icons/
├── backspace_dark.svg (뒤로가기 버튼)
└── send.svg (댓글 전송 버튼)

4. 설정 값 조정

• src/api/feeds/queries.ts, src/api/match/queries.ts, src/api/stats/queries.ts
  • retry: false, refetchOnWindowFocus: false 제거 (기본값 사용으로 복원)

5. 타입 정의 복원

src/api/stats/types.ts

• BatterStatsMetrics → PlayerStatsMetrics (되돌림)
• PitcherStatsMetrics 제거
• player_type: "BATTER" | "PITCHER" → player_type: string (되돌림)

6. instance.ts 간소화

• 401 토큰 갱신 로직 제거
• getFreshAccessToken() 함수 제거