🎨 Palette: [UX improvement] Interactive Lists and Buttons Accessibility and UX Improvements

[seonghobae]

💡 What

admin-dashboard.tsx 내부의 커스텀 대화형 리스트(사용자 선택 버튼) 및 "Copy link" 버튼의 접근성과 시각적 피드백을 개선했습니다.

🎯 Why

• 사용자 목록의 커스텀 리스트 버튼은 키보드 네비게이션 사용 시 현재 포커스를 인지할 수 있는 시각적 표시(focus-visible)와 선택 상태(aria-pressed)가 부족했습니다.
• "Copy link" 버튼 클릭 시 복사 완료 상태를 즉각적으로 보여주기 위한 뚜렷한 아이콘 변화(시각적 피드백)가 부족했습니다.

📸 Before/After

• Before: 사용자 목록을 탭 키로 이동해도 포커스 링이 나타나지 않음. 복사 버튼 클릭 시 텍스트만 "Copied"로 변경됨.
• After: 사용자 목록을 키보드로 탐색할 때 명확한 포커스 링(focus-visible:ring-2 등)이 표시됨. 복사 버튼 클릭 시 Copy 아이콘이 Check 아이콘으로 부드럽게 교체되며 보다 직관적인 피드백을 제공함.

♿ Accessibility

• 대화형 커스텀 <button>에 focus-visible 관련 유틸리티 클래스를 적용하여 키보드 접근성을 향상시켰습니다.
• 활성화/선택된 상태를 스크린 리더에 명확히 전달하기 위해 aria-pressed={selected} 속성을 추가했습니다.
• copied 상태에 맞춰 아이콘 렌더링을 동적으로 처리함으로써, 모든 사용자가 작업의 성공을 직관적으로 확인할 수 있도록 개선했습니다.

---

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