Fix push and cookie banner covering stuff

[nabramow]

Fixes CookieBanner and PushNotificationBanner so they don't block key stuff in the app.

Closes #8477, Closes #8489

Testing

• Go in the browser console Application screen, go in localStorage and clear it and also clear cookies
• Refresh the page, go to landing page and cookie banner should be there
• Go into mobile view, cookie banner should not block the "Join us" bar at bottom
• Log in, leave both banners up
• Go to search, the push notification banner should not block the search bar
• Close the banners, it should work and go back to normal screen

Web frontend checklist

• There are no console warnings when running the app
• Added tests where relevant
• Clicked around my changes running locally and it works
• Checked Desktop, Mobile and Tablet screen sizes

For maintainers

• Maintainers can push commits to my branch
• Maintainers can merge this PR for me

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
couchers	Ready	Preview	May 11, 2026 3:00pm

[jesseallhands]

I tested on mobile Firefox and chrome. Both work!

[github-actions]

📝 Release Notes

This PR should be included in the release notes.

Suggested release note:

Fixed the cookie and push notification banners so they no longer block important buttons and search controls

🤖 Bot Debug Information

Model: couchers.openai.gpt-5.4
Decision: include
Reasoning: This fixes visible UI bugs where the cookie banner and push notification banner were covering important controls on mobile and search pages. These are noticeable user-facing issues that affect core navigation and usability, so they are worth mentioning in release notes.