[CCPM-TEST] 마이페이지 보유 티켓 목록 UI

[dongjooyun]

Task: 마이페이지 보유 티켓 목록 UI

Description

마이페이지에 보유 빌더 티켓 목록(상태·유효기간·적용 대상)을 표시한다. 보유 조회 훅을 연결하고, 만료/사용완료는 시각적으로 구분한다.

Acceptance Criteria

• 보유 티켓 리스트 렌더(상태 배지·유효기간·적용 대상 코스 범위)
• 빈 상태/로딩/에러 처리(에러는 inline 우선)
• 만료·USED 티켓은 비활성 스타일로 구분
• cn() className, @theme inline 토큰만 사용(임의 px 금지)

Technical Details

key는 optional id ?? index 폴백(backend-data-safety). enum-like 상태는 in 가드 + fallback로 안전 렌더.

Dependencies

• [CCPM-TEST] 티켓 API 훅 스캐폴딩 #719(보유 조회 훅).

Effort Estimate

• Size: M
• Hours: 6

Definition of Done

• Code implemented
• Tests written and passing
• Code reviewed