Fix safe-area issues

[florian-h05]

This fixes safe-area issues all over the UI:

• Issues where the safe area was applied to elements where it should not, e.g. the settings menus' entries.
• Issues where the safe area was missing, e.g. model cards, which were hidden under the notch.

Due to webpack's CssMinimizerPlugin minimizing 0px to 0 when overriding the Framework7 safe area CSS vars, which then broke the calculation, a new .css file has been introduced.

[relativeci]

#2553 Bundle Size — 10.9MiB (~+0.01%).

c0af022(current) vs 1783d8f main#2551(baseline)

Warning

Bundle contains 2 duplicate packages – View duplicate packages

Bundle metrics   4 changes 2 regressions

	Current #2553	Baseline #2551
Initial JS	1.92MiB(~+0.01%)	1.92MiB
Initial CSS	577.83KiB(+0.06%)	577.48KiB
Cache Invalidation	24.3%	17.65%
Chunks	226	226
Assets	249	249
Modules	2947(+0.03%)	2946
Duplicate Modules	152	152
Duplicate Code	1.8%	1.8%
Packages	96	96
Duplicate Packages	2	2

Bundle size by type   2 changes 2 regressions

	Current #2553	Baseline #2551
JS	9.11MiB (~+0.01%)	9.11MiB
CSS	866.71KiB (+0.04%)	866.34KiB
Fonts	526.1KiB	526.1KiB
Media	295.6KiB	295.6KiB
IMG	140.74KiB	140.74KiB
HTML	1.38KiB	1.38KiB
Other	871B	871B

Bundle analysis report Branch florian-h05:safearea-fixes Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}