fix: keyboard nav & focus in Explore control panel

[GregOnEvo]

SUMMARY

Provides better keyboard navigation in control panel of Explore view. Allows Label-styled buttons and Checkboxes to focused & interacted with using keyboard. Emulates browser form label click behavior on ControlHeaders: focus, and for Checkboxes, select.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

n/a

TEST PLAN

Navigate control panel using Tab/Shift-Tab; focus should visibly move in a sensible way.

ADDITIONAL INFORMATION

• Has associated issue: Fixes Keyboard navigation in Explore control panel #14574
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[rusackas]

Not sure how this slipped under my radar for so long, but I appreciate this effort and will try to take a closer look!

[rusackas]

you can run npm run lint-fix in your console to fix the linting errors. The CI run also indicates it needs some TS attention.

[GregOnEvo]

Thanks for taking a look, should be better now.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. For admin, please label this issue .pinned to prevent stale bot from closing the issue.