🎨 Palette: ContextSection 키보드 접근성 개선

[seonghobae]

💡 What:
ContextSection 아코디언 컴포넌트의 토글 버튼에 키보드 포커스 스타일(focus-visible)을 추가하고, 컨텐츠 영역과 버튼을 aria-controls로 연결했습니다. 또한 장식용 아이콘은 스크린 리더에서 읽히지 않도록 aria-hidden="true" 속성을 부여했습니다.

🎯 Why:
기존 토글 버튼은 hover 시각적 효과만 있어 키보드(Tab 키)로 접근 시 현재 포커스 위치를 알 수 없었습니다. 또한 스크린 리더 사용자가 버튼이 어느 영역을 제어하는지(Context) 명확히 알기 어렵고 무의미한 아이콘("ChevronUp", "ChevronDown") 텍스트가 읽히는 문제가 있었습니다. 이를 개선하여 앱의 접근성을 높였습니다.

📸 Before/After:

• Before: 키보드로 탭 이동 시 토글 버튼에 아무런 시각적 변화 없음, 스크린 리더에서 아이콘 이름 읽음.
• After: 키보드로 탭 이동 시 버튼 주변에 뚜렷한 포커스 링 생성, 스크린 리더 환경 최적화(의미 없는 아이콘 무시, 컨트롤 영역 연결).

♿ Accessibility:

• React useId()를 사용하여 안정적이고 고유한 ID를 생성해 aria-controls와 컨테이너의 id를 연결.
• Tailwind의 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm를 사용하여 시각적 포커스 인디케이터 제공.
• 장식용 lucide-react 아이콘(ChevronUp, ChevronDown)에 aria-hidden="true" 속성 부여.

---

PR created automatically by Jules for task 18012545701253563778 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.

[seonghobae]

Superseded by #235: same ContextSection accessibility improvement (useId + aria-controls/aria-labelledby + role=region + focus-visible ring) with real jsdom component tests.

[google-labs-jules]

Superseded by #235: same ContextSection accessibility improvement (useId + aria-controls/aria-labelledby + role=region + focus-visible ring) with real jsdom component tests.

Understood. Acknowledging that this work is superseded by #235 and stopping work on this task.