feat: API 상세 페이지 퍼블리싱 수정

[wlrnjs]

Pull Request

관련 이슈

• issue [TASK] API 상세페이지 작업 #54

작업 내용

• API 상세 페이지 퍼블리싱을 피그마 시안 기준으로 수정했습니다.
• 추가된 폰트를 tailwind.plugins.ts에 등록했습니다.

참고 사항

• as prop 관련 수정이 필요한 부분은 TODO 주석을 남겨두었습니다.
• 일부 스타일에 하드코딩된 값이 있습니다.
  • 해당 부분은 디자인 토큰 업데이트 후 변경할 예정입니다.
• 다음 작업으로 API 상세 페이지와 연결되는 페이지 퍼블리싱을 진행할 예정입니다.

체크리스트

• 기능이 정상 동작하는지 확인
• 불필요한 코드/주석 제거

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
finditem-monitoring	Ready	Preview, Comment	Jun 24, 2026 1:54pm
finditem-monitoring-server	Ready	Preview, Comment	Jun 24, 2026 1:54pm

[gemini-code-assist]

Warning

Gemini encountered an error creating the summary. You can try again by commenting /gemini summary.

[gemini-code-assist]

Summary of Changes

이번 PR은 API 상세 페이지의 퍼블리싱을 피그마 시안에 맞춰 최신화하는 작업을 포함합니다. 전반적인 UI 컴포넌트 구조를 정돈하고, 필요한 아이콘과 타이포그래피 스타일을 추가하여 디자인 일관성을 확보했습니다. 향후 디자인 토큰 업데이트를 고려하여 일부 하드코딩된 스타일을 남겨두었으며, as prop 관련 개선 사항은 TODO로 기록했습니다.

Highlights

• UI/UX 업데이트: 피그마 시안을 반영하여 API 상세 페이지의 레이아웃과 디자인을 전반적으로 개선했습니다.
• 아이콘 추가 및 리소스 최적화: 상태 모니터링을 위한 새로운 아이콘들을 추가하고, 기존 아이콘의 색상을 'currentColor'로 변경하여 스타일링 유연성을 높였습니다.
• 타이포그래피 확장: 디자인 시스템 요구사항에 맞춰 tailwind.plugins.ts에 새로운 텍스트 스타일(caption1-bold, caption1-semibold)을 추가했습니다.
• 컴포넌트 구조 개선: DetailCheckLogs, DetailHeader, DetailIncidentHistory 등 상세 페이지 컴포넌트들을 리팩토링하여 가독성과 유지보수성을 향상했습니다.

Ignored Files

• Ignored by pattern: **/mock/** (2)
  • apps/monitor-web/src/mock/apiDetail.ts
  • apps/monitor-web/src/mock/errorLog.ts

Activity

• Vercel 배포가 성공적으로 완료되었습니다.
• 작성자(wlrnjs)가 요약 생성을 요청했습니다.

[junye0l]

간단한 코멘트만 확인 부탁드립니다~!