feat: Dynamically resize search drawer on mobile

[MoritzWeber0]

Full screen	With keyboard visible

[netlify]

✅ Deploy Preview for fipguide ready!

Name	Link
🔨 Latest commit	5c21778
🔍 Latest deploy log	https://app.netlify.com/projects/fipguide/deploys/68f3578538738e000827cff3
😎 Deploy Preview	https://deploy-preview-411--fipguide.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Hi there! 👋

Thank you for your contribution to the FIP Guide! 🚀
We appreciate your effort in making rail staff travel information more accessible. 🚄

Checklist before merging:

• Added a description to the Pull Request
• Checked the License of new pictures (non-commercial use without attribution)
• Modified content in English
• Modified content in German
• Modified content in French

[therobrob]

Good Idea! Unfortunately it doesn't work on iOS Chrome and Safari :(
For the moment i've no idea how to fix this.

[MoritzWeber0]

Unfortunately, I don't have an iOS device, so I can't reproduce it. However, after a bit of research, interactive-widget=resizes-content doesn't seem to be supported by webkit browsers. It looks like a Javascript solution is needed for iOS to achieve the same behavior, but this is out of scope for this PR.

My proposal: We leave it as 100dvh and look at the iOS implementation in the future. An alternative, which would improve the usability, is to close the keyboard when the user starts scrolling, that's probably worth looking into.

[therobrob]

LGFM