✨ [Feature] 사이드바 UI 구현 #44
Description
🛠️ Issue Description
플랫폼의 좌측 사이드바 UI 컴포넌트를 구현한다.
사이드바는 서비스의 주요 네비게이션 역할을 하며, 다음 메뉴 구조를 포함한다.
- 상단 로고 영역
- 대시보드
- 통합 대시보드
- 플랫폼 대시보드
- 성과 타임라인
- 광고
- 광고 목록
- 캠페인 그룹 정보 설정
- 지도
- 워크스페이스
- 플랜 및 결제
- 하단 영역
- 알림
- 설정
- 로그아웃
💭 Functional role
- 애플리케이션 전역에서 사용되는 공통 네비게이션 컴포넌트
- 페이지 이동 및 현재 활성 메뉴 표시
- 드롭다운 및 확장/축소 기능을 통해 사용자 탐색 편의성 제공
📝 check-lists
- 사이드바 메뉴 데이터 구성 및 관리
- 확장/축소 상태에 따른 가변 레이아웃 구현
- 확장/축소 토글 버튼 노출 및 상호작용 처리
- 메뉴별 상세 항목 토글 기능 구현
- 현재 경로 기반 active 스타일 적용