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_