Block Transforms: Refine visuals

[jasmussen]

This is what the block transform looks like currently:

This is what it's mocked up to be as part of #18667:

Let's explore how to get them closer.

• Dark border & zero elevation prop for the popover
• More consistent colors and typography
• Better spacing and sizing of icons inside

Here's an additional sketch for transforms:

[karmatosed]

I love the reduction here to a simple drop-down. Whilst the block library is useful, I don't believe it's something to be used as a pattern anywhere there is a block interaction, so removing it here to offer an easier to read list is an improvement.

I do have a little ponder about the disconnection of the menus, particularly on the 3rd level, that feels awfully far. I think though this could be because I am not experiencing this, so getting into a PR makes sense to feel what the interaction is like.

[mapk]

Creating a list instead of grid view of these for the Transform tool feels like a great improvement. Most everything coming from the block toolbar is a list already, so this fits well. 👍

[jasmussen]

This is improved:

It's not perfect, but we can open initial actionable items if need be.