[FEAT/#76] 고객센터 페이지 구현 및 문의내역 상세 페이지 구현

[chunjaemin]

📝 요약

• 고객센터 페이지 신규 구현 및 FSD 구조 개선, 문의내역 상세 페이지 구현

⚙️ 작업 내용

• 고객센터 페이지 구현

  • pages/customer-service 슬라이스 생성 — 탭바(문의하기/문의내역확인) 기반 고객센터 페이지 구현
  • 고객센터 페이지 app/(protected)/customer-service/index.tsx 단일 공통 라우트로 통합
  • 각 역할별 프로필 페이지의 고객센터 버튼 → 공통 고객센터 페이지 라우팅 연결
  • features/inquiry-list → pages/customer-service 내부로 이동 (FSD 레이어 정리)

• 문의내역 상세페이지 구현

  • pages/inquiry-detail 슬라이스 생성 — 문의내역 상세 페이지 독립 분리

  • app/(protected)/customer-service/[id].tsx 동적 라우트 추가

  • InquiryItem 클릭 시 /customer-service/{id} 상세 페이지로 라우팅 연결

  • entities/inquiry 슬라이스 생성 — Inquiry, InquiryDetail 공유 타입 분리

  • InquiryItem border 색상 gray-200 적용, 날짜·상태 배지 간격 조정

  • InquiryDetailPage UI — 헤더/제목/구분선 간격 조정, 답변 박스 스타일 적용

• 공용 상단 탭바 생성 및 적용
  src/shared/ui/top-app-bar/
  ├── TopAppBar.tsx (new)
  └── index.ts (new)
  src/shared/ui/index.ts (export 추가)
  src/pages/customer-service/ui/CustomerServicePage.tsx (TopAppBar 적용)
  src/pages/inquiry-detail/ui/InquiryDetailPage.tsx (TopAppBar 적용)

  🔗 관련 이슈

  • Closes [FEAT/#76] 고객센터 페이지 UI 구현 #76

  ✅ 체크리스트

  • 코딩 컨벤션(Biome/Lint)을 준수하였습니다.
  • 모든 타입 에러를 해결하였습니다. (Typecheck)
  • 변경 사항에 대한 테스트를 마쳤습니다.
  • 불필요한 로그(console.log)를 제거하였습니다.

  💬 리뷰어에게

[github-actions]

Thanks for the contribution!
I have applied any labels matching special text in your title and description.

Please review the labels and make any necessary changes.

[gemini-code-assist]

Code Review

This pull request implements the inquiry detail functionality, including a new detail page, a data fetching hook with mock data, and navigation from the inquiry list. It also refines the UI by replacing text-based icons with SVG components and updating styles. I have no feedback to provide.

[eunhyekimyeah]

문의에 대한 답변이니, 사용자가 답이 오는지 확인하기 위해 화면을 아래로 당겨 새로 고침을 하고 싶을 수도 있을 거 같습니다. 추후에 API 연동 시에 이러한 부분도 추가하면 좋을 거 같네요

[taegeon2]

현현재 제가 모든 도메인에서 고객센터 - 문의내역 확인을 누르니 답변 대기중 버튼이 두 줄로 보입니다! 한번 확인 부탁드릴게요~