feat(profile): 유저 페이지 실데이터 연동 + 완성

[thxforall]

개요

유저 프로필 페이지에 실데이터 연동 및 UI 완성.

Epic: #36
관련: #21 (프로필 API), #27 (팔로우 API + 프로필 실데이터)

현재 상태 ✅ 구현됨

• ProfileClient: 헤더(아바타, 이름, 바이오), 팔로우 수, 스탯 카드
• Public Profile: /profile/[userId] 라우트
• Activity Tabs: Posts, Solutions, Spots, Tries, Saved
• Style DNA: 키워드, 컬러, 진행도
• Ink Credits: 게이미피케이션 포인트
• Badge System: 획득/미획득 뱃지 표시
• 프로필 수정 모달: username, display_name, bio
• 데이터 훅: useMe(), useUserStats(), useMyBadges(), useMyRanking()

TODO

• 실데이터 연동 검증
  • useMe() → 실제 Supabase users 테이블 데이터 확인
  • useUserStats() → posts/solutions/spots 카운트 실제 집계
  • Activity 탭별 무한 스크롤 데이터 로딩 테스트
• 타인 프로필 (/profile/[userId])
  • 팔로우/언팔로우 버튼 (API 필요 — feat(profile): 팔로우 시스템 — Read Only (DB + API + Frontend) #17)
  • 타인 활동 탭 보기 (공개 범위 설정)
  • 차단/신고 기능
• 프로필 편집 고도화
  • 아바타 업로드 (현재 OAuth 기본 이미지만)
  • Style DNA 수동 편집
  • 프로필 URL 공유 (og:image, metadata)
• 포인트/랭킹 시스템 활성화
  • Ink Credits 적립 기준 명확화
  • 랭킹 페이지 연동 (/rankings)
  • 뱃지 획득 알림

참고 파일

• packages/web/app/profile/ProfileClient.tsx
• packages/web/app/profile/[userId]/PublicProfileClient.tsx
• packages/web/lib/supabase/queries/profile.ts
• packages/web/app/api/v1/users/me/route.ts
• packages/web/app/api/v1/users/[userId]/route.ts

[thxforall]

PR #146으로 머지 완료. 프로필 실데이터 연동 + auth/upload 수정 반영됨.