🐛 fix(auth): user 정보가 비어 있으면 api 호출 하는 방식 추가

[imjwoo]

📌 PR 개요

• 새로고침 시 로그인 상태가 초기화되는 문제 해결
• API 호출 기반 사용자 정보 복원으로 임시 해결
• React Query 도입을 위한 기반 작업 완료

🔍 변경 사항

• 새로고침 시 사용자 정보 복원 로직 개선
  • useAuthStore의 syncFromStorage 함수를 비동기로 변경
  • 토큰 복원 후 fetchUserProfile API 호출로 사용자 정보 자동 복원

🚀 향후 계획

• Phase 2: React Query로 전환하여 성능 최적화
  • 새로고침 시 API 호출 없이 캐시에서 즉시 복원
  • 5분 캐싱으로 불필요한 API 호출 방지
  • 백그라운드 업데이트로 최신 정보 동기화
• Phase 3: 전체 컴포넌트를 useAuth 훅으로 마이그레이션
• Phase 4: useAuthStore 완전 제거 및 코드 정리
• Phase 5: 추가 최적화 (매칭 데이터 캐싱, 옵티미스틱 업데이트 등)

🧪 테스트 방법

새로고침 테스트 (핵심 기능)

• 로그인 후 홈페이지에서 사용자 정보 확인
• F5로 새로고침 → 잠시 로딩 후 사용자 정보가 복원되는지 확인
• 네트워크 탭에서 /users/me API 호출 확인

✅ 체크리스트

• 코드가 정상적으로 동작함
• 기존 기능에 문제가 없음
• 코드 컨벤션(Prettier/ESLint, Checkstyle 등)을 통과함
• 필요 시 문서 업데이트 완료
• 관련 이슈에 연결함

📎 참고 이슈

Ref: #51