Refactor hooks to use React Query instead of useEffect + setState pattern

### Is your feature request related to a problem? After upgrading to Next.js 16 and ESLint 9 in https://github.com/github-community-projects/private-mirrors/pull/409, the lint rule `react-hooks/set-state-in-effect` fails due to existing code patterns. ### Describe the solution you'd like Refactor the code to meet the expected implementation pattern, and then re-enable the lint rule `react-hooks/set-state-in-effect` ### Describe alternatives you've considered Keep existing code as-is, and risk bugs or issues. ### Additional context _No response_