Make <AppShell> and friends account for safe area insets

[odnamrataizem]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.3.2

What package has an issue?

@mantine/core

What framework do you use?

Other, I will specify in the bug description

In which browsers you can reproduce the issue?

Safari

Describe the bug

The <AppShell> components are not taking into account the safe area environment variables. These normally take place on PWAs. E.g., in the following iOS Safari screenshot taken from an example in Mantine docs, the footer padding should be increased by env(safe-area-inset-bottom) to avoid getting obscured by the black bar at the bottom (depending on the footer's height and contents).

If possible, include a link to a codesandbox with a minimal reproduction

https://mantine.dev/app-shell/?e=FullLayout

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[rtivital]

Fixed in 7.1.1