Expose card titles as accessible headings

[seonghobae]

Summary

• render shared CardTitle as an h3 so visually titled cards are exposed as headings
• align AI Hub e2e selectors with tab/tabpanel roles and current 판단 보조 terminology

Verification

• pnpm exec eslint
• pnpm exec tsc --noEmit
• pnpm exec vitest run --reporter=dot --maxWorkers=1
• pnpm exec playwright test tests/e2e/ai-hub-source-surface.spec.ts

Notes

• Figma live metadata remains blocked by HTTP 401 token_invalidated, so this patch is based on repository UI evidence and Playwright screenshots/role checks.

[github-actions]

PR governance metadata gate is not ready for 79b39298c219db3ceccca315a7e9aa2698fe2545:

• Required check metadata could not be read: no required checks reported on the 'codex/7th-pass-audit' branch.

[Copilot]

Pull request overview

This PR improves frontend accessibility by rendering shared card titles as semantic headings, and updates AI Hub Playwright E2E selectors/text to match the current tab semantics and “판단 보조” terminology.

Changes:

• Render CardTitle as an h3 so titled cards are exposed to assistive tech as headings.
• Update AI Hub E2E navigation to use tab/tabpanel roles (instead of generic buttons/regions).
• Align AI Hub surface label text from “AI 에이전트” to “판단 보조”.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File	Description
frontend/src/components/ui/card.tsx	Switches CardTitle from <div> to <h3> to provide semantic headings for card titles.
frontend/tests/e2e/ai-hub-source-surface.spec.ts	Updates Playwright selectors to target tab/tabpanel roles and the renamed “판단 보조” tab.
frontend/tests/e2e/helpers.ts	Updates AI Hub surface fixture/expected label text to “판단 보조”.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.