[Feature/#305] 플랫폼 대시보드 실시간 트래픽 SSE 연동

[YermIm]

🚨 관련 이슈

close #305

✨ 변경사항

• 🐞 BugFix Something isn't working
• 💻 CrossBrowsing Browser compatibility
• 🌏 Deploy Deploy
• 🎨 Design Markup & styling
• 📃 Docs Documentation writing and editing (README.md, etc.)
• ✨ Feature Feature
• 🔨 Refactor Code refactoring
• ⚙️ Setting Development environment setup
• ✅ Test Test related (storybook, jest, etc.)

✏️ 작업 내용

• IClickStreamItem에 provider, suspectDetail 필드 보강
• useClickStream에 providerType 옵션 추가 (생략 시 조직 전체 합산)
• 통합 대시보드 TrafficChart 호출부를 options 형태로만 맞춤 (providerType 미전달, 동작 동일)
• 단일 플랫폼 뷰: mock 제거 → useClickStream({ mode, providerType }) SSE 연동
• 전체 플랫폼 뷰: GOOGLE / NAVER / META SSE 3 connection 연동
• 로딩(Skeleton) / 에러 UI 처리
• platformDashboard.mock.ts 제거

😅 미완성 작업

• 플랫폼 차트 이상 클릭 탐지 마커/버블 UI

📢 논의 사항 및 참고 사항

💬 리뷰어 가이드 (P-Rules)
P1: 필수 반영 (Critical) - 버그 가능성, 컨벤션 위반. 해결 전 머지 불가.
P2: 적극 권장 (Recommended) - 더 나은 대안 제시. 가급적 반영 권장.
P3: 제안 (Suggestion) - 아이디어 공유. 반영 여부는 드라이버 자율.
P4: 단순 확인/칭찬 (Nit) - 사소한 오타, 칭찬 등 피드백.

Summary by CodeRabbit

• 새 기능

  • 플랫폼별 트래픽 차트가 실시간 클릭스트림을 기반으로 표시됩니다.
  • 실시간 상태(로딩/부분 실패/데이터 없음/오류)에 따라 안내와 스켈레톤이 제공됩니다.
  • 이상 징후 마커가 실시간 데이터 흐름에 맞춰 표시됩니다.

• 개선 사항

  • 플랫폼별 차트 범위가 더 일관되게 계산되고, 마지막 데이터 표시 안내가 추가되었습니다.
  • 실시간 연결이 원활하지 않을 때 사용자에게 명확한 안내가 표시됩니다.
  • 플랫폼 선택에 따라 데이터가 정확히 구분됩니다.