feat: search-overlay page

[federicoisepponfincons]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• 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
• Other (please describe): added page for specific search overlay usage

Does this introduce a breaking change?

• Yes
• No

Other information

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

❗ No coverage uploaded for pull request base (main@8a1aaad). Click here to learn what that means.

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1815   +/-   ##
=======================================
  Coverage        ?   37.71%           
=======================================
  Files           ?      271           
  Lines           ?     9813           
  Branches        ?     2144           
=======================================
  Hits            ?     3701           
  Misses          ?     5878           
  Partials        ?      234           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[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]

LGTM 👍
Also approved by Florian
Thank you for your effort 😃

[kyubisation]

@federicoisepponfincons Can this be merged?

[kyubisation]

Pending discussion with @mcilurzo

[jeripeierSBB]

Focus styles for results and also for the input field are not correct / visible

[jeripeierSBB]

I fixed the focus outline for the results