Feat/요금제비교 결과 UI구현

[leeemingyu]

📝 변경 사항

커밋 단위로 명시적으로 짧게 작성합니다.

1. 요금제 타입 공통 Plan 타입으로 통합 및 import로 변경
2. 요금제 선택 카드에 데이터/요금 표시 추가
3. 데이터 비교 막대 그래프 구현
4. 혜택(결합, 프리미엄, 미디어) 비교용 컴포넌트 구현
5. 요금제 비교 페이지 자세히 보기 버튼 구현

🔍 변경 사항 세부 설명

세부 설명을 작성합니다.

• 요금제 카드 선택한 경우 기존 이름만 표시되던 부분 이름/데이터/요금 표시되도록 변경
• 데이터 비교 막대 그래프는 선택된 요금제 중 데이터 용량이 더 큰 값을 기준(Max)으로 설정하고, 작은 값은 이 기준 대비 비율로 길이를 계산함 (예: 100GB vs 10GB 선택 시, 그래프 길이는 각각 100%, 10%로 표시), 무제한은 300GB 설정
• 혜택 비교 시 미디어 서비스에 대한 이미지 필요, 프리미엄 서비스 이미지도 바꿔야 할 수도 있을것같음
• 자세히 보기 클릭 시 실제 유플러스 요금제 홈페이지 이동 버튼 구현

🕵️‍♀️ 요청사항

팀원들에게 테스트나 리뷰를 요청합니다.

📷 스크린샷 (선택)

UI 변경이 있는 경우 스크린샷이나 GIF를 첨부합니다.

✅ 작성자 체크리스트

• Self-review: commit 이나 오타 없이 코드가 스스로 검토됨
• 로컬에서 모든 기능이 정상 작동함(버그수정 /기능에 대한 테스트)
• 린터 및 포맷터로 코드 정리됨