refactor(ui): use the Radio component instead of RadioGroup.Option

[fallenbagel]

Description

v2 deprecates RadioGroup.Option in favour of Radio. The two are not drop-in as Radio defaults to rendering a span where RadioGroup.Option rendered a div, so passed as="div" to keep the option a block-level flex row. Radio's render prop also drops active entirely rather than deprecating it, so used focus, which is the same state under its current name.

How Has This Been Tested?

• Manually tested the radio buttons on a dev server

Screenshots / Logs (if applicable)

Checklist:

• I have read and followed the contribution guidelines.
• Disclosed any use of AI (see our policy)
• I have updated the documentation accordingly.
• All new and existing tests passed.
• Successful build pnpm build
• Translation keys pnpm i18n:extract
• Database migration (if required)

Summary by CodeRabbit

• Bug Fixes
  • Improved issue-type selection behavior and focus-state handling in the create-issue modal.
  • Preserved the existing selection experience while enhancing accessibility and component consistency.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 105c1b3e-c6a2-44c0-b453-6212cad386b8

📥 Commits

Reviewing files that changed from the base of the PR and between aa8e0de and 556f5a2.

📒 Files selected for processing (1)

• src/components/IssueModal/CreateIssueModal/index.tsx

---

📝 Walkthrough

Walkthrough

The create-issue modal now uses Headless UI’s standalone Radio component for issue-type options. The options render as div elements, and the styling render-prop flag changes from active to focus.

Changes

Issue modal radio migration

Layer / File(s)	Summary
Replace radio option component src/components/IssueModal/CreateIssueModal/index.tsx	The modal imports Radio, replaces RadioGroup.Option, renders each option as a div, and uses focus for ring styling.

Estimated code review effort: 2 (Simple) | ~5 minutes

Suggested reviewers: 0xsysr3ll, danshilm

Poem

A rabbit hops through the modal bright
New radio buttons line up right
Focus rings glow where choices meet
Each option stands on div-shaped feet
The issue form is neat and sweet

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

The merge-base changed after approval.

[github-actions]

This pull request has merge conflicts. Please resolve the conflicts so the PR can be successfully reviewed and merged.