FE-15-mobile-detail-sido-airquality

[FE-15] 모바일 시설 상세 시/도 + 대기질 통합

작업 내용 (설계 의도)

근거: design-fe-app.md FR-7/FR-12 — 상세에 시/도 + 대기질 카드. 상세 화면 단일 writer.

변경 사항

• mobile/app/facility/[id]/index.tsx:
  • 시설 정보 rows에 시/도(data.sidoName ?? "지역 미확인") 추가(구 위).
  • data.lat/data.lng로 useAirQuality(lat, lng)(FE-12) 호출.
  • AirQualityCard(FE-13)를 name/rows 아래(예약 버튼 위)에 status/data로 렌더.
  • 성공 시 항상 data 존재 가정 제거 — empty 분기(“시설을 찾을 수 없습니다”) 추가.

의존

• FE-12 (useAirQuality), FE-13 (AirQualityCard), FE-11 (FacilityResponse 좌표·지역 필드)

다이어그램

처리 흐름

sequenceDiagram
    participant D as 상세 화면
    participant F as useFacilityDetail
    participant Q as useAirQuality
    participant C as AirQualityCard
    D->>F: useFacilityDetail(id)
    F-->>D: data(lat,lng,sidoName)
    D->>Q: useAirQuality(lat,lng)
    Q-->>D: status,data
    D->>C: render

테스트 케이스

• 상세에 시/도명이 표시되고 미지정이면 “지역 미확인”으로 표시된다
• 시설 좌표로 대기질 카드가 success로 렌더된다
• 대기질 조회 실패 시 본체는 정상, 카드만 폴백 문구를 표시한다
• 시설이 존재하지 않으면 empty 문구를 표시한다
• 좌표가 없으면 대기질 카드를 렌더하지 않는다