[FEATURE] 상황 연습 ui 구현

[choihooo]

🎯 기능 설명

상황 연습 페이지의 ui를 구현합니다.

💡 동기

• 사용자가 응급 상황에 대한 더 구체적인 연습을 할 수 있도록 지원
• 단계별 UI를 통한 직관적인 사용자 경험 제공
• 메인 페이지에서 선택한 응급 상황에 따라 동적으로 세부 상황 목록 표시
• 실제 119 신고 시 필요한 상세 정보 입력 과정을 시뮬레이션

🎨 제안하는 해결 방법

• /practice/[situationId] 또는 /practice/detail 형태의 동적 라우트 생성

• 예: /practice/fire, /practice/drowning 등

• DetailSituationHeader: "세부 상황 선택" 헤더 컴포넌트

• DetailSituationCard: 개별 세부 상황 카드 컴포넌트

• DetailSituationList: 세부 상황 리스트 컴포넌트

🔄 대안

📝 추가 컨텍스트

✅ 체크리스트

• 이 기능이 기존 기능과 충돌하지 않는지 확인했습니다
• 유사한 기능이 이미 존재하지 않는지 확인했습니다