Add syntax options drawer to topBar component

What does this MR do and why?

Adding a shared component markdown drawer to the search page

4/4

• Update controller update to allow clean MD render (merged)
  • Markdown Drawer - shared Vue component (merged)
    • Add more data to the search context (merged)
      • Add syntax options drawer to topBar component 👈 this MR

Issue: #329234 (closed)

Screenshots or screen recordings

before	after

How to set up and validate locally

1. Checkout this branch
2. Make sure your advanced search is enabled (https://gitlab.com/gitlab-org/gitlab-development-kit/blob/main/doc/howto/elasticsearch.md)
3. Navigate to the global search page (http://gdk.url/search)
4. if you are searching within project branches only the default branch shows the syntax options drawer

MR acceptance checklist

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

• I have evaluated the MR acceptance checklist for this MR.

Related to #329234 (closed)