Editorial UX Revamp

[fabiankaegy]

Overall Feedback

The Popover modal containing all the special characters doesn't feel native to the editor. The spacing, form styling and general arrangement of the elements is off compared to the rest of the editor UI.

In order to improve this, I would suggest we look at for example the Icon Picker we built as part of the 10up block components and get inspired by it's popover: https://github.com/10up/block-components/tree/develop/components/icon-picker

I would still make the modal wider because the character density is larger here but we should leverage WordPress components like the SearchControl and Tabs

Other Nitpicks:

1. On Mac Safari I cannot use the CMD + O shortcut because the browser already uses it 🤔
2. The Toolbar Icon has some odd spacing on either side that should not be there. I think this is coming from how the toolbar item is added.