Search Improvements

[SaraVieira]

In a user test it was pointed we can't order the search and it makes sense to do so

This PR adds order by likes and views

This PR also:

• Changes the cards in search for the new cards we have in the explore page
• Removes how long the search took as that is not important information for the user
• Changes the API of wide sandbox to have the prop selectSandbox instead of pickSandbox to make it more generic
• Adds common script
• Moves some .css files to gobal js styles so we can use the theme

Design
https://www.figma.com/file/akq4c3BMhkW5EHipeIBEbKmf/Search-Page?node-id=0%3A1

[SaraVieira]

cc @Haroenv

[Haroenv]

The sorting of "relevance" and "views" seems very similar to me, was a different sort required for this?

I'm seeing some flashes when I change index, but I don't see any particular reason why in the code by a quick glance, maybe it already was there before

Also, it seems like the search is pretty hidden with the new design, I can't seem to find any link towards it anymore, I had to guess the URL.

Finally there's a small other thing (maybe only on Safari), and that's the search icon isn't correctly positioned:

[SaraVieira]

Good points!

I deleted the views one as that is basically the default one and also added a link to the search in the header

The other two:

The flickering seems to only happen on safari :/

I'm looking at the CSS thing now

[CompuIves]

The bottom part of the card (with description) seems a bit big to me, does it have different styles compared to SandboxCard in common?

[SaraVieira]

@CompuIves Nop, itmay be because most of them don't have a description

[CompuIves]

This super clean! I left some minor comments. I also think that it would be indeed better to change the background color to what we have on the explore page. Curious what that looks like.

[CompuIves]

This is nice! Maybe we can also re-use

in a later version.