feat: search-overlay page

[federicoisepponfincons]

trafficstars

Preflight Checklist

• [x] I have read the Contributing Guidelines for this project.
• [x] I agree to follow the Code of Conduct that this project adheres to.
• [x] I have searched the pull request tracker for a Pull Request (PR) that matches the one I want to submit, without success.

Issue

This PR Closes #

Pull request checklist

Please check if your PR fulfills the following requirements:

• [ ] Tests for the changes have been added (for bug fixes / features)
• [ ] Docs have been reviewed and added / updated if needed (for bug fixes / features)

See Review Guidelines for more information what is checked during review process.

Changes

Changes in this pull request:

• added the search-overlay page

Browsers

I tested the build on the following browsers:

• [ ] Firefox Desktop
• [ ] Chrome Desktop
• [ ] Edge Desktop
• [ ] Safari Desktop
• [ ] Chrome Mobile
• [ ] Safari Mobile

Screen readers

I tested the build on the following browsers:

• [ ] JAWS Firefox Desktop
• [ ] JAWS Chrome Desktop
• [ ] NVDA Firefox Desktop
• [ ] NVDA Chrome Desktop
• [ ] VoiceOver Safari Desktop
• [ ] VoiceOver Chrome Desktop
• [ ] VoiceOver Safari Mobile
• [ ] Android Accessibility Suite Chrome Mobile

Pull request type

Please check the type of change your PR introduces:

• [ ] Bugfix
• [ ] Feature
• [ ] Code style update (formatting, renaming)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Build related changes
• [ ] Documentation content changes
• [x] Other (please describe): added page for specific search overlay usage

Does this introduce a breaking change?

• [ ] Yes
• [x] No

Other information

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

[kyubisation]

I checked with @mcilurzo and he had the following feedback:

• The content (less padding) is drawn across the entire width of Ultra + instead of just on the grid
• Distance above to the input is not correct
• Close button (In the input) is also displayed when the input is empty.
• Close button (in the input) doesn't seem to work
• Title "often searched" is missing
• "Show all 13 results" button is missing
• Striking, but I wouldn't correct it: The border thickness of the magnifying glass icon is thicker in Florian's designs (like in the header).

[kyubisation]

@federicoisepponfincons Can this be merged?

[kyubisation]

Pending discussion with @mcilurzo

[jeripeierSBB]

I fixed the focus outline for the results