feat: 대시보드 전체 진행률 · 업무 요약 위젯 구현

[JiWoongE]

Issue

작업 유형

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

작업 내용

• 대시보드에서 사용하는 전체 진행률 위젯과 업무 요약 위젯을 구현합니다.
• 팀원이 구성한 기존 대시보드 위젯 구조에 맞춰 위젯 컴포넌트를 추가하고, widget catalog 및 template widgets에 연결합니다.

작업 배경

• 현재 대시보드 위젯 구조는 이미 잡혀 있으며, 남은 위젯 중 전체 진행률, 업무 요약 위젯 구현이 필요합니다.
• 기존 위젯들과 동일한 패턴으로 구현해 대시보드 편집/배치 흐름 안에서 자연스럽게 동작하도록 맞춰야 합니다.
• 피그마 시안 기준으로 위젯 레이아웃과 시각 요소를 반영하고, 더미 데이터 또는 기존 task/sprint 데이터 기준으로 먼저 연결할 필요가 있습니다.

To Do

• 기존 대시보드 위젯 구조 및 등록 방식에 맞춰 위젯 파일 생성
• 전체 진행률 위젯 구현
• 업무 요약 위젯 구현
• 공통 WidgetCard 패턴에 맞춰 스타일 반영
• widget catalog 등록
• template widgets에 노출 연결
• 필요한 mock/파생 데이터 연결
• 로컬 렌더링 확인
• npm run lint 확인
• npm run typecheck 확인

완료 기준

• 대시보드에서 전체 진행률 위젯이 정상 렌더링된다
• 대시보드에서 업무 요약 위젯이 정상 렌더링된다
• 기존 위젯 구조(widgets, widget-catalog, template-widgets)와 일관되게 연결된다
• 피그마 기준 주요 레이아웃/간격/위계가 맞는다
• lint/typecheck 에러가 없다

참고 자료

• 전체 진행률 위젯: https://www.figma.com/design/MGUbA8bYzUb4WdjSm5KKkq/Syncly?node-id=71-1232&t=TgPB4VEZKezuVXWb-0
• 업무 요약 위젯: https://www.figma.com/design/MGUbA8bYzUb4WdjSm5KKkq/Syncly?node-id=71-1106&t=TgPB4VEZKezuVXWb-0

예상 브랜치명

Feat/#45/dashboard-progress-summary-widgets