Fix iOS home bar and footer overlap

[skalnik]

Another attempt to solve the bug in #33 where the iOS home bar and footer overlap.

---

Closes #33

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/skalnik/aqi-wtf/mflajq5uz
✅ Preview: https://aqi-wtf-git-fix-ios-footer-overlap.skalnik.vercel.app

[skalnik]

Hm, no dice. https://dev.to/marionauta/avoid-notches-in-your-pwa-with-just-css-al7 does seem to indicate I'm on the right path though.

[skalnik]

The footer no longer overlaps! However, the notch cuts into the text when you have a phone sideways now 😅

The notch in portrait also remains black. I guess we have no control over that ☹

[obra]

Tested on an XS running current release iOS. Totally reasonable for me.

(I wouldn't worry too much about the notch cutting into text. I think we want to play with text size and position more anyway.)

[skalnik]

Then I guess this is good to go. We can definitely futz with the spacing around the edges a bit more in the future 👍

I'll merge this now and I'll open a new issue for the notch cutting into the text to dig into separately. Two steps forward, one step back I suppose.