[리퍼럴 PR5] 뷰/UI — 크레딧 현황 + 리퍼럴 대시보드 + 구매 페이지

## 설명
사용자 대면 UI 구현.

### 페이지
1. **크레딧 현황** (credits/index 수정): 리포트 크레딧 + 진단 크레딧 분리 표시
2. **리퍼럴 현황**: 초대한 친구 목록, 월간 보상 카운트 (N/10)
3. **진단 크레딧 구매 페이지**: 3,000원, Toss Payments 연동
4. **크레딧 부족 안내**: 진단 시작 시 크레딧 없으면 구매/공유 안내 모달

### i18n
- ko, en, zh, vi 4개 locale 지원

## 완료 기준
- [ ] 크레딧 페이지에 2종류 크레딧 분리 표시
- [ ] 리퍼럴 현황 페이지 정상 렌더링
- [ ] 진단 크레딧 구매 페이지 → 결제 연동
- [ ] 크레딧 부족 시 안내 UI
- [ ] 모바일 반응형
- [ ] 4개 locale i18n

## 의존성
PR#3, PR#4 완료 후