feat: 캘린더 기능 구현

[JiWoongE]

Issue

작업 유형

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

작업 내용

• 여러 워크스페이스 템플릿에서 공통으로 사용할 수 있는 캘린더 기능을 구현합니다.
• 캘린더 화면과 일정 추가 UI를 피그마 기준으로 구현합니다.
• 이후 실제 데이터 연동이 가능한 구조로 캘린더 기능의 기본 틀을 구성합니다.

작업 배경

• 캘린더는 team-project, side-project 등 여러 워크스페이스 템플릿에서 공통으로 활용될 수 있는 기능입니다.
• 단일 페이지 구현보다는 공통 캘린더 기능 단위로 구조를 잡아두는 것이 이후 재사용과 확장에 유리합니다.
• 우선 피그마 시안 기준으로 조회 및 일정 추가 흐름을 구현하고, 이후 API/Supabase 연동 작업의 기반을 마련합니다.

To Do

• 캘린더 메인 UI 구현
• 일정 추가 UI 구현
• 워크스페이스 라우트의 캘린더 기능 연결
• 캘린더에서 일정 추가 흐름 연결
• mock 데이터 기반 일정 표시 구조 구성
• 여러 워크스페이스 템플릿에서 재사용 가능한 구조로 정리

완료 기준

• /workspaces/[workspaceId]/calendar 에서 캘린더 기능이 정상 렌더링된다.
• 일정 추가 UI가 피그마 구조와 유사하게 렌더링된다.
• 캘린더 주요 UI(월간 뷰, 일정 표시, 일정 추가 진입)가 정상 동작한다.
• 이후 실제 API/Supabase 연동이 가능한 구조로 분리되어 있다.
• 특정 워크스페이스 템플릿에 종속되지 않는 구조로 정리되어 있다.

참고 자료

• 캘린더 페이지: https://www.figma.com/design/MGUbA8bYzUb4WdjSm5KKkq/Syncly?node-id=51-1768&t=3NwgOfxfX0quR4Fv-0
• 일정 추가: https://www.figma.com/design/MGUbA8bYzUb4WdjSm5KKkq/Syncly?node-id=51-2101&t=3NwgOfxfX0quR4Fv-0

예상 브랜치명

Feat/#25/calendar-feature