🎨 Palette: [UX improvement] ContextSection 아코디언 접근성 개선 및 포커스 스타일 추가

[seonghobae]

💡 What: ContextSection (접을 수 있는 영역)의 접근성을 개선하기 위해 useId를 이용한 ARIA 속성 연결(동적 id, aria-controls, aria-labelledby)과 role="region"을 적용하고, 탭 내비게이션 사용자를 위한 focus-visible 클래스를 추가했습니다. 또한 컴포넌트 단위의 완전한 렌더링 및 인터랙션 테스트 코드를 작성하여 코드 커버리지를 보완했습니다.
🎯 Why: 스크린 리더 사용자가 확장/축소 상태와 컨텐츠 영역을 명확히 인식할 수 있도록 하고, 키보드만으로 탐색하는 사용자가 현재 포커스된 위치를 뚜렷하게 알 수 있도록 하여 UX의 포괄성을 높이기 위함입니다.
📸 Before/After: 키보드 탭키 이동 시 해당 토글 버튼에 명확한 아웃라인 링(ring-2)이 활성화됩니다 (Video 및 Screenshot 증빙 첨부됨).
♿ Accessibility:

• aria-controls와 id로 버튼과 뷰 연결
• 컨텐츠 영역에 role="region" 부여 및 aria-labelledby 설정
• Tailwind focus-visible 속성을 통한 키보드 접근성 지원

---

PR created automatically by Jules for task 1603262796946521562 started by @seonghobae

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.