Make the controls tabbable

[sndrs]

What are you changing?

• makes the controls tabbable, breaking them into two groups of menuitems inside a menu: clue menuitems and grid menuitems
• ← and → keys move you between menuitems of a group
• ↑ and ↓ keys move you between groups
• moving between groups re-selects the previously selected menuitem
• tabbing out of and back into menu re-selects the previously selected menuitem
• clue menuitems (buttons) are disabled when there's no clue selected, rather than not rendered

It includes some refactors i found made it easier to reason about what i was trying to do:

• control buttons are now all individual components that are composed in the main Controls component
• Button → CrosswordButton
• Button#onSuccess → CrosswordButton#onClick

Why?

• so that controls can be accessed from the keyboard/by a screen reader

[changeset-bot]

⚠️ No Changeset found

Latest commit: 400d4be

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Tip

Once this PR is ready to go, add the run_chromatic label to run the Chromatic tests.

This saves us a lot of money by not running the tests before we need them.