Implement improved "safe area" handling within mobile app.

[burtonator]

Describe the bug

We can/should move the safe area handling into the webapp.

I realized that there's a hook that we can use to get the 'safe area offsets' that returns top, bottom , left, right and I can implement an async function so that the frontend can receive those values.

What we should then do is have the frontend read those values and do the safe area offset handling inside the webapp.

This also means our light/dark mode will work better and it will be easier to do things like custom onboarding which need the offset handled properly.

Initial conditions

Environment:

Branch/Release version:

Browser:

Wallet:

Reproduction steps

Actual behavior

Expected behavior

Screenshots / Video

Reporter

Additional context