Search v2 improvements/bugs

[charlypoly]

• "no result" when loading glitch
• highlight color is missing opacity
• display "⌘ K" or "Ctrl K" in the search input
• overall better design
• fix sorting of results (@charlypoly)
• idea: add 1 record per "product" that rank first when searching for product name (ex: "Yoga" should display a result/card presenting Yoga, etc)
• Algolia Insights seems to be broken 🤔 (https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-plugin-algolia-insights/createAlgoliaInsightsPlugin/)
• Remove top imports when extracting content 🐞 (fix(algolia): remove import and export from records content the-guild-docs#658)

[dimaMachina]

when search is opened should have Esc icon instead of Cancel

[dimaMachina]

highlight color is missing opacity I removed it's explicitly due installation of 1 package to change opacity in 1 place

[charlypoly]

highlight color is missing opacity I removed it's explicitly due installation of 1 package to change opacity in 1 place

@B2o5T yes but it was crucial UX wise because right now the highlight colors look very bad, for example on the GraphQL Tools website:

[dimaMachina]

yes but it was crucial UX wise because right now the highlight colors look very bad, for example on the GraphQL Tools website:

maybe instead of setting background as accentColor we should change text color of accentColor + fontWeight: bold?

Or keep background color as accentColor but text color should have invert effect

[charlypoly]

maybe instead of setting background as accentColor we should change text color of accentColor + fontWeight: bold?

I guess just text-color would do the job yes!