UI: Add hover feedback to Checkbox

[parkhojeong]

The enabled checkbox currently does not provide any visual feedback on hover, which feels inconsistent with expected UI behavior. Related to #66472.

Changes

• Adds a cursor: pointer to Enabled Checkbox on hover.
• keeps disabled Checkbox style(not changed).

Before	After

Recordings

enabled checkbox

Before	After
Screen.Recording.2026-05-11.at.21.58.46.mp4	Screen.Recording.2026-05-11.at.21.59.14.mp4
Screen.Recording.2026-05-11.at.21.53.01.mp4	Screen.Recording.2026-05-11.at.21.52.12.mp4

disabled checkbox(not changed)

Before	After
Screen.Recording.2026-05-11.at.22.15.45.mp4	Screen.Recording.2026-05-11.at.22.15.21.mp4

---

Implementation note:

For the hover effect, we should pass cursor: "pointer" to both Root and Control in Chakra UI’s ChakraCheckbox.

Since passing cursor: "pointer" directly overrides Chakra’s default styles for that element, we also need to pass the _disabled styles explicitly.

Relevant Chakra implementation details

• @chakra-ui/react/dist/esm/theme/recipes/checkmark.js
• @chakra-ui/react/dist/esm/styled-system/use-resolved-props.js

Chakra UI document

• cursor style prop: https://chakra-ui.com/docs/styling/style-props/interactivity#cursor
• disabled conditional style: https://chakra-ui.com/docs/styling/conditional-styles#reference
• Checkbox ids prop: https://chakra-ui.com/docs/components/checkbox#root

---

Was generative AI tooling used to co-author this PR?

• Yes (codex gpt-5.5)