fix: Clerk 패키지 설치 및 Vite 빌드 설정 수정

- @clerk/clerk-react 패키지 설치 추가
- Vite external 설정에서 Clerk 번들링 허용으로 변경
- ChunkLoadError 복구 시스템 Playwright 테스트 추가
- Clerk CDN 실패 시나리오 검증 및 Mock 인증 폴백 시스템 확인

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

docs/03_개발_단계/개발_가이드라인.md

@@ -14,12 +14,13 @@
 - 컴포넌트 언마운트 상태를 추적하여 메모리 누수 방지할 것
 - 이벤트 핸들러는 성능 병목 지점이 될 수 있으므로 디바운스/스로틀링 적용할 것
 
-## 3. Appwrite 통합 원칙
-- Appwrite 클라이언트는 앱 시작 시 한 번만 초기화
-- 인증 및 데이터 동기화는 전용 훅 사용
-- 오류 처리 및 사용자 피드백 제공
-- 트랜잭션 작업은 비동기로 처리
-- 네트워크 오류 시 적절한 재시도 메커니즘 구현
+## 3. Supabase 통합 원칙
+- Supabase 클라이언트는 앱 시작 시 한 번만 초기화하여 전역적으로 사용합니다.
+- 데이터 조회 및 변경은 Supabase 클라이언트 라이브러리가 제공하는 메서드를 사용합니다.
+- 실시간 데이터 동기화가 필요한 경우, Supabase의 실시간 구독(Realtime Subscriptions) 기능을 활용합니다.
+- 복잡한 데이터베이스 로직은 Supabase의 RPC(Remote Procedure Call)를 통해 처리하는 것을 권장합니다.
+- 모든 Supabase API 호출에는 적절한 오류 처리 및 사용자 피드백 로직을 포함해야 합니다.
+- 네트워크 불안정성에 대비하여 Supabase 클라이언트 라이브러리의 내장된 재연결 로직을 신뢰하고, 필요한 경우 추가적인 재시도 로직을 구현합니다.
 
 ## 4. 상태 관리 최적화
 - 컴포넌트 간 상태 공유는 Context API나 상태 관리 라이브러리 사용할 것