feat: 팀 프로젝트 진행률 차트 페이지 구현

[JiWoongE]

Issue

작업 유형

• Feat: 새로운 기능 추가
• Fix: 버그 수정
• Docs: 문서 수정
• Refactor: 리팩토링
• Design: UI/CSS 수정
• Chore: 설정, 패키지, 기타 작업
• Hotfix: 긴급 수정

작업 내용

• 워크스페이스 진행률 차트 페이지를 구현합니다.
• 피그마 시안 기준으로 레이아웃과 시각 요소를 반영하고, FSD 구조에 맞게 분리합니다.

작업 배경

• 진행 상황을 한눈에 확인할 수 있는 진행률 차트 페이지가 필요합니다.
• 현재 워크스페이스 내 다른 페이지들과 동일한 구조 안에서 연결되는 진행률 시각화 화면을 추가해야 합니다.
• 이후 실제 데이터 연동 전까지는 더미 데이터 기반으로 UI와 화면 흐름을 먼저 안정적으로 구현할 필요가 있습니다.

To Do

• /workspaces/[workspaceId]/progress-chart 페이지 라우트 추가
• FSD 구조에 맞게 view / feature / entity 분리
• 피그마 시안 기준 진행률 차트 페이지 레이아웃 구현
• 차트/요약 카드/상태 영역 UI 구현
• 더미 데이터 구성 및 연결
• workspace navigation과 연결
• 빈 상태 및 기본 상태 확인
• 로컬 렌더링 확인
• npm run lint 확인
• npm run typecheck 확인

완료 기준

• 진행률 차트 페이지에 정상 진입할 수 있다
• 피그마 시안 기준 주요 레이아웃/간격/위계가 맞는다
• 차트 및 요약 정보가 더미 데이터로 정상 표시된다
• 기존 워크스페이스 shell/navigation과 자연스럽게 연결된다
• lint/typecheck 에러가 없다

참고 자료

• Figma: https://www.figma.com/design/tSyTqA567f3uIfq2fowecm/Untitled?node-id=58-607&t=14QkA84ZcyHzSvO1-0

예상 브랜치명

Feat/#38/progress-chart-page