react 컴포넌트 분해 프롬프트

다음 컴포넌트가 500줄 넘어. 다음 기준으로 분해:
1. 200줄 이하 컴포넌트 N개로
2. 상태/이펙트는 custom hook으로 분리
3. props drilling은 context로
4. 변경 후 기존 동작 유지 확인 — 테스트 추가

분해 계획만 먼저 1줄씩 보여줘. 코드 수정 X.

계획 단계 분리가 핵심. 무작정 분해 시키면 망함