fix: keep auto-approve checkbox responsive when menu is expanded

[roomote]

This PR fixes a critical safety issue where the auto-approve checkbox becomes unresponsive when the dropdown menu is expanded, preventing users from disabling auto-approval during model responses.

Fixes #6060

Changes

• Removed isExpanded from the checkbox disabled condition to allow toggling while menu is open
• Wrapped onChange handler in useCallback to prevent unnecessary re-renders
• Added tests to verify checkbox remains responsive when menu is expanded
• Added test to verify no flickering during rapid state changes

Safety Impact

This fix ensures users can always disable auto-approval when needed, which is critical for preventing unintended actions during model responses.

---

Important

Fixes unresponsive auto-approve checkbox in AutoApproveMenu.tsx when menu is expanded, ensuring it remains responsive and prevents unintended actions.

• Behavior:
  • Fixes unresponsive auto-approve checkbox in AutoApproveMenu.tsx when dropdown is expanded by removing isExpanded from disabled condition.
  • Wraps onChange handler in useCallback to prevent unnecessary re-renders.
• Tests:
  • Adds tests in AutoApproveMenu.spec.tsx to verify checkbox remains responsive when menu is expanded.
  • Adds test to ensure no flickering during rapid state changes.

^{This description was created by for cdb9e41. You can customize this summary. It will automatically update as commits are pushed.}