✨ Syncronize event registration state without refresh

[jun-0411]

📝 작업 내용

참여 신청/취소/강제취소 이후 새로고침하지 않아도 자동으로 일정의 데이터들이 갱신되도록 수정했습니다.

기존에는 갱신해야 하는 서버 상태가 여러 곳에 흩어져 있고, 각 화면이 서로 다른 방식으로 데이터를 들고 있었습니다.

• EventMain.tsx는 모임 상세 데이터를 useEventDetail 내부 useState로 들고 있습니다.
• Guests.tsx는 참여자 목록을 TanStack Query의 ['guests', eventId, filters] 캐시로 들고 있습니다.
• 홈의 참여/생성 목록은 ['myRegistrations'], ['myEvents'] 캐시를 사용합니다.

모든 페이지에서 TanStack Query 기반으로 데이터를 정리하게 수정하고, mutation 성공 후 관련 query key를 한 곳에서 같이 무효화하는 방식으로 코드를 수정했습니다. MSW에 참여에 관한 로직을 작성하여 로컬 서버에서 새로고침 없이 데이터가 갱신되는 것을 확인했습니다.

구체적인 작업내용은 다음과 같습니다.

1. 이벤트 상세/참여자 목록 query key를 명시적으로 정리
2. useEventDetail의 상세 조회를 TanStack Query 기반으로 전환
3. 참여 신청/취소/강제취소 mutation을 명확히 분리
4. Guests.tsx는 refetch() 대신 query invalidation 사용
5. MSW handler와 mock DB 동기화

📸 스크린샷 (선택)

🚀 리뷰 요구사항 (선택)

• TanStack Query 기반으로 수정하는 과정에서, 기존에 이미 사용하고 있던 query key인 홈의 내 신청 목록 ['myRegistrations']과 내가 만든 모임 목록 ['myEvents']은 constants/queryKeys.ts에서 legacy로 묶었습니다. 기존 query key도 관리를 편하게 하기 위해서 queryKeys.registrations.me()로 변경할 수 있었지만, 우선 이번 작업에서는 기존 코드를 유지했습니다. 장기적으로 TanStack Query를 이용한다면 다른 pr로 수정하겠습니다.

• 안티그래비티 -> 코덱스로 ai 툴을 변경했는데, 코덱스에서는 AGENTS.md 파일을 프로젝트 루트에 위치시킵니다. 이를 깃허브에 올릴까요? 아니면 .gitignore로 처리할까요?

• 💄 Fix double header in mobile ui #171 pr 먼저 머지해주실 수 있나요? 이 pr 먼저 머지하면 171에서 conflict가 어마어마 할 것 같아서요...

[young-52]

• 장기적으로는 TanStack Query 기반으로 통일하는 게 좋을 것 같기는 합니다. 리팩토링할 게 쌓여 가네요…
• AGENTS.md 올려주시면 감사히 쓰겠습니다 ㅎㅎ