마이페이지 메뉴 리스트 리펙토링 및 히스토리 디테일 디자인 수정

[hyeone22]

작업 내용

1. StateComponent 구현

• LoadingState, ErrorState, EmptyState 상태 컴포넌트 생성
• 각 상태별 적절한 아이콘과 메시지 표시
• 애니메이션 효과 추가로 사용자 경험 개선

2. Image 컴포넌트 개선

• 이미지 로드 실패시 DefaultImage로 대체하는 기능 추가
• onError 이벤트 핸들러 구현
• 이미지 크기와 스타일 속성 전달 가능하도록 수정

3. TitleList 컴포넌트 리팩토링

• StateComponent를 활용한 상태 처리
• 로딩, 에러, 빈 상태에 대한 일관된 UI 제공
• 반복되는 상태 처리 로직 제거

4. HistoryDetail 모달 개선

• ShadCn UI 컴포넌트(Card, CardContent, Badge) 활용
• 모바일 환경에 최적화된 레이아웃 구현
• 정보 구조화 및 시각적 계층 구조 개선

5. 코드 리팩토링

• 중복 코드 제거 및 컴포넌트 재사용성 향상
• 타입 정의 개선 및 인터페이스 명확화
• 불필요한 래퍼 컴포넌트 제거
• props 전달 구조 단순화