feat: Add voice selection UI for AI conversation tutor

[Bullskc]

🔄 Pull Request

📋 변경사항 요약

🎯 변경 유형

• 🚀 새로운 기능 (feature)
• 🐛 버그 수정 (fix)
• 📚 문서 업데이트 (docs)
• 🎨 스타일 변경 (style, formatting, UI)
• ♻️ 리팩토링 (refactor)
• ⚡ 성능 개선 (performance)
• 🧪 테스트 추가/수정 (test)
• 🔧 빌드/도구 변경 (chore)

🔗 관련 이슈

• Closes #이슈번호
• Related to #이슈번호

📝 상세 설명

🎯 변경 이유

🔧 구현 방법

📊 주요 변경 파일

• src/components/...
• src/pages/...
• src/utils/...

🧪 테스트 방법

🔍 테스트 시나리오

1. 단계 1: ...
2. 단계 2: ...
3. 단계 3: ...
4. 예상 결과: ...

🌐 테스트 환경

• Chrome (최신 버전)
• Firefox (최신 버전)
• Safari (최신 버전)
• Edge (최신 버전)
• 모바일 브라우저

📱 반응형 테스트

• 데스크톱 (1920x1080)
• 태블릿 (768x1024)
• 모바일 (375x667)

📸 스크린샷/데모

🖼️ Before (변경 전)

🖼️ After (변경 후)

🎬 데모 (해당하는 경우)

🔄 브랜치 정보

• 기준 브랜치: develop
• 작업 브랜치: feature/브랜치명
• 브랜치명 규칙 준수: ✅

✅ PR 체크리스트

📝 코드 품질

• 코드가 프로젝트의 코딩 스타일을 따릅니다
• ESLint 오류가 없습니다
• TypeScript 타입 오류가 없습니다
• 코드에 적절한 주석이 포함되어 있습니다
• 불필요한 코드나 주석이 제거되었습니다

🧪 테스트

• 새로운 기능에 대한 테스트가 추가되었습니다
• 기존 테스트가 모두 통과합니다
• 수동 테스트를 완료했습니다
• 브라우저 호환성 테스트를 완료했습니다

📚 문서화

• README.md가 업데이트되었습니다 (필요한 경우)
• 새로운 환경변수가 .env.example에 추가되었습니다 (필요한 경우)
• 코드 내 JSDoc 주석이 추가되었습니다 (필요한 경우)
• CHANGELOG.md가 업데이트되었습니다 (필요한 경우)

🔒 보안

• API 키나 민감한 정보가 코드에 하드코딩되지 않았습니다
• 새로운 의존성에 보안 취약점이 없습니다
• 사용자 입력에 대한 적절한 검증이 포함되어 있습니다

♿ 접근성

• 키보드 네비게이션이 지원됩니다 (UI 변경인 경우)
• 적절한 ARIA 라벨이 추가되었습니다 (UI 변경인 경우)
• 색상 대비가 적절합니다 (UI 변경인 경우)

📱 모바일 대응

• 모바일 환경에서 정상 작동합니다 (UI 변경인 경우)
• 터치 인터페이스가 적절히 구현되었습니다 (UI 변경인 경우)

🎯 OpenAI API 관련 (해당하는 경우)

• API 키 사용이 안전하게 처리됩니다
• 릴레이 서버 연동이 정상 작동합니다
• 오디오 처리가 정상 작동합니다
• 번역 기능이 정상 작동합니다
• 에러 핸들링이 적절히 구현되었습니다

⚠️ 주의사항

🔍 집중 리뷰 영역

🚨 알려진 이슈

📋 후속 작업

🏷️ 라벨

• feature - 새로운 기능
• bugfix - 버그 수정
• enhancement - 기능 개선
• documentation - 문서 관련
• refactor - 리팩토링
• performance - 성능 개선
• ui/ux - UI/UX 관련
• api - API 관련
• security - 보안 관련

📝 추가 노트

---

리뷰어분들께:
이 PR을 리뷰해주셔서 감사합니다! 궁금한 점이나 개선사항이 있다면 언제든 코멘트 남겨주세요. 🙏

Vibe Coding을 함께 만들어 갑시다! 🎉