Add search with autocomplete

[sashachabin]

Details

Example data

[
  {
    "section": "Section name"
    "section_id": "section-name-1",
    "items": [
        {
            "page": "Page name 1",
            "page_id": "page-name-1",
            "text": "<b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry"
        },
        {
            "page": "Page name 1",
            "page_id": "page-name-2",
            "text": "containing <b>Lorem Ipsum</b> passages, and more recently with desktop publishing software"
        }
    ]
  }
]

• Search input
  • Search ≥ 2 symbols
  • Search all keys
• Search items
  • Section link. Show section title if more than 1 page
  • Page link
  • Output content
  • Highlight
  • Link to anchor (need block id and #anchor from back-end)
    • Or without anchor: https://.../section-name-1/page-name-1#:~:text url (https://caniuse.com/url-scroll-to-text-fragment)

Design
https://www.figma.com/file/VpUQ8aZanmAIbwlSt5UTKH/%F0%9F%9A%B2-Ekaterinburg.design?node-id=3405%3A3302

[sashachabin]

We have disabled the searchbar. To continue its development, you can revert this changes:

https://github.com/ekaterinburgdev/guides/pull/119/files