[✨ Feature] Accordion 공통 컴포넌트 구현

[Lseojeong]

📌 설명

여러 개의 입력 영역을 단계별로 구분하여 표시할 수 있도록 Accordion 공통 컴포넌트를 구현합니다.

자기소개서 작성, 수정, 키워드 분석 등 다수의 입력 섹션이 존재하는 화면에서 콘텐츠를 구조적으로 관리하고, 사용자가 필요한 영역에 집중할 수 있도록 확장/축소 기능을 제공합니다.

또한 Compound Pattern을 적용하여 Header, Trigger, Content를 유연하게 조합할 수 있도록 구성합니다.

🛠️ 구현 목록 (TODO)

진행할 작업을 체크리스트로 작성해주세요.

Accordion

• Accordion 공통 컴포넌트 구현
• 기본 열림 상태 지원
• Controlled / Uncontrolled 지원
• Disabled 상태 지원

Compound Pattern

• Accordion.Root 구현
• Accordion.Trigger 구현
• Accordion.Content 구현

UI

• 확장/축소 아이콘 구현
• 열림/닫힘 애니메이션 적용
• 섹션 제목 스타일 적용
• 콘텐츠 영역 레이아웃 적용

접근성

• ARIA 속성 적용
• Screen Reader 대응

문서화

• Storybook 작성

✅ 참고

디자인 링크, 관련 이슈 등 (선택)