[Task] GRC-02 프런트엔드 lint debt 1차 정리

[alexization]

작업 유형

developer-experience

왜 필요한가요?

npm run lint가 0 error라도 warning이 26개 누적돼 있어 신호 품질이 낮습니다. 특히 react-hooks/set-state-in-effect, react-hooks/static-components, react-hooks/purity, react-hooks/use-memo 같은 warning은 correctness와 렌더링 안정성에 직접 영향을 줄 수 있어 후속 GRC-03, GRC-04 전에 먼저 줄여야 합니다.

작업 범위

• route: src/app/users/[username]/user-profile-client.tsx, 관련 ranking/auth/home/settings 소비자
• component: badge, stats chart, theme toggle, heatmap background, 기타 lint warning 발생 component
• hook/store: auth store, locale provider, media query/reduced motion/throttle hooks 등 warning 발생 shared 코드
• test/harness: 없음. 이번 단계는 lint debt 정리와 수동 화면 확인에 집중

완료 조건

• npm run lint warning이 0이거나, 남는 warning이 있다면 이번 Issue 범위 밖임을 명확히 설명
• ranking/user/badge/auth/home/shared 관련 correctness 위험 warning 제거
• UI 스타일 개편 없이 기존 동작 유지
• 검증 결과를 exec plan과 PR 본문에 남길 수 있는 수준으로 정리

검증 방법

• npm run lint
• npx tsc --noEmit
• 변경 화면 수동 확인

리스크 및 의존성

• 리스크: effect/setState 제거 과정에서 hydration, animation, query sync 타이밍이 바뀔 수 있음
• 백엔드 의존성: 없음
• 후속 작업: GRC-03 build/runtime harness 친화화, GRC-04 ranking read Playwright harness