모달 시스템 아키텍처 개편 및 노드 렌더러 래퍼 구현

[y-minion]

🔍 변경 사항 요약

이번 PR에서는 모달 시스템의 구조를 전면적으로 개편하고, 에디터와 라이브 모드에서 각각 사용될 노드 렌더러 래퍼를 구현했습니다. 또한 리액트 보안 이슈 대응을 위한 의존성 업데이트와 에디터 상태 관리를 위한 스토어가 추가되었습니다.

주요 변경 사항은 다음과 같습니다:

1. 모달 시스템 고도화: ModalHost를 중심으로 역할을 분리하고, 렌더링 로직을 단순화하여 유지보수성을 높였습니다.
2. 노드 렌더러 구조 확립: Live 모드와 Editor 모드 환경에 맞춰 노드 렌더링을 이원화하고, 공통 래퍼 컴포넌트를 적용했습니다.
3. 상태 관리: 에디터 전용 useEditorStore를 구현했습니다.

🛠️ 상세 작업 내용

✨ 기능 추가 (Features)

• 모달 호스트 및 렌더러 구현: 중앙 집중식 모달 관리를 위한 ModalHost와 실제 콘텐츠를 그리는 ModalRenderer를 구현했습니다.

• 노드 렌더러 래퍼:
  모든 모드에서 공통으로 사용되는 NodeRendererWrapper 구현
  라이브 모드용 렌더러 및 래퍼 구현

• 에디터 스토어: 에디터 상태 관리를 위한 useEditorStore (Zustand) 추가

♻️ 리팩토링 (Refactoring)

• 모달 역할 분리: Modal 컴포넌트와 ModalHost의 책임을 명확히 분리 (Overlay, Positioning 로직 이동).
• Context 및 타입 재정의: 변경된 모달 시스템에 맞춰 RuntimeContext 및 관련 타입(Action, Node 등)을 수정했습니다.
• 더미 데이터 추가: 테스트 및 개발 용이를 위한 더미 데이터 구조 개선.

📝 문서

modal_node_system.md: 모달 노드 시스템 설계에 대한 문서 추가

📦 기타

의존성 업그레이드: 리액트 보안 이슈 해결을 위한 패키지 버전 업데이트

✅ 체크리스트

• 모달이 정상적으로 열리고 닫히는지 확인
• 에디터 모드와 라이브 모드에서 노드가 올바르게 렌더링되는지 확인
• 기존 타입 에러가 없는지 확인