Redesign REPL add plugin modal

[existentialism]

Another PR extracted from the smooshpack branch.

(Note: adding plugins via search is currently broken on new.babeljs.io)

TODO:

• Remove added plugin
• Filter added plugins from algolia results
• Cleanup once Refactor sidebar tab expanded state #1652 lands

[hzoo]

Deploy preview for babel-new ready!

Built with commit a156a5a

https://deploy-preview-1656--babel-new.netlify.com

[existentialism]

@hzoo should be good to go, going to punt on todo item 2 (filtering), as I couldn't get filtering on name to work right. will just look at it later :)

[xtuc]

wow nice! Good job

[xtuc]

cc @Haroenv just in case

[Haroenv]

really good, appreciate it!

The "powered by" is slightly off-center, if you want you can use the svg version: <PoweredBy />

[existentialism]

@Haroenv thanks! I fixed the alignment of "search by", and it's actually already using the <PoweredBy/>!

While I have you, I was trying to filter already added plugins from the search results but couldn't get it to work (tried various combinations of adding AND NOT name:<name>, and using various facet-related things). Any ideas?

[Haroenv]

ah that's because name was not an attribute you can facet, but objectID is, can you try AND NOT objectID:<name>. The objectID is the same as the name

[existentialism]

@Haroenv 🙏 💯 thanks!

[Haroenv]

did that work as expected @existentialism ?

[existentialism]

@Haroenv yep! just pushed an update, netlify should update in a sec. thanks again!