Update banner implementation to use Pajamas banner

Thomas Huttererrequested to merge
362621-update-banner-implementation into master

What does this MR do and why?

This updates the _promote_advanced_search.html.haml to use our new GlBanner-compliant Pajamas ViewComponent. Related to #362621 (closed)

Using the component also fixes some styling issues. See screenshots.

Screenshots

Before After
image image

How to set up and validate locally

  • Use the search bar in the topnav.
  • The banner shows up on top of the search results. If not, clear the promote_advanced_search_dismissed cookie and reload the page.
  • Dismiss the banner with its X button. The banner should disappear and also be gone after page reload.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Merge request reports