[docs] Change Algolia search implementation

[oliviertassinari]

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Redo the integration with Algolia's API.

Examples 🌈

https://popper.js.org/react-popper/

Regarding how we will display the search bar, something we have pocked with for desktop and mobile.

Motivation 🔦

The new interface of https://github.com/algolia/docsearch is similar to Spotlight on macOS, it yields a better UX than the current one.

In the future, we could even consider internalizing this component, I have seen https://blueprintjs.com/docs/versions/4/#select/omnibar do it, but it's unlikely something we want to consider now as the objective is to do a quick win, without involving a designer.

[arpitBhalla]

@oliviertassinari May I work on this?

[oliviertassinari]

@arpitBhalla I was thinking that @siriwatknp could be working on it, I think that he can supervise the effort, so up to him :)

[siriwatknp]

@arpitBhalla please go ahead if you like, I can help on the review and answer question if you have any.

[arpitBhalla]

Thanks @siriwatknp

[oliviertassinari]

@arpitBhalla Do you have any updates? This one is important for the DX on the documentation as well as our brand, this looks neglected:

[arpitBhalla]

@siriwatknp @oliviertassinari Popper js website uses @docsearch/react, Should I have to install this, or I have to use Mui's Dialog, or edit the already available css. Please Guide

[oliviertassinari]

I was thinking of salvaging what we can from @docsearch/react. It seems that it would already be a great improvement over what we have. It's the natural upgrade path Algolia is proposing.

Maybe we could push it even further with our own components but hard to tell how without understanding how docsearch is falling short, first. It's also not clear if we have the bandwidth to make something great ourselves (it has to be above average).

[arpitBhalla]

It's also not clear if we have the bandwidth to make something great ourselves (it has to be above average).

So it would be great to use @docsearch/react for now, I guess

[arpitBhalla]

[oliviertassinari]

It looks like an interesting start. Note that we will also render it in https://next.material-ui.com/branding/about/ afterwards.