Cannot activate block styles via keyboard

[ocean90]

Describe the bug
After focusing a block style and pressing the Enter key nothing happens.

Expected behavior
Just like selecting another block type via Enter, the new style should get applied when pressing the Enter key.

Additional context
The jsx-a11y/click-events-have-key-events rule has been disabled.

gutenberg/packages/editor/src/components/block-styles/index.js

Line 90 in 1960a48

/* eslint-disable jsx-a11y/click-events-have-key-events */

[aduth]

The rule shouldn't have been disabled and it should have been a button.

cc @youknowriad #7362

[aduth]

I guess the issue with it being a button proper would be how to allow the preview to be shown within it, since elements not-valid-for-button could be included as descendants.

All the same, if we intend to render it as a non-button button, we'd need to otherwise continue respecting all of the same expected behaviors (easier said than done).

[ocean90]

@aduth Right, I tried with a button first but funny enough, I had a custom block with a button so that didn't really work out. Added a possible solution in #10909.