Use full height and width of viewport on iOS

- render appbar background color on ios status bar
- handle "home indicator" safe area inset

src/modules/core/components/tabs/TabsWrapper.tsx

@@ -7,14 +7,9 @@
  */
 
 import Box, { BoxProps } from '@mui/material/Box';
-import { useNavBarContext } from '@/modules/navigation-bar/contexts/NavbarContext.tsx';
 
-export const TabsWrapper = ({ children, ...props }: BoxProps) => {
-    const { appBarHeight } = useNavBarContext();
-
-    return (
-        <Box {...props} sx={{ ...props.sx, position: 'relative', height: `calc(100% - ${appBarHeight}px)` }}>
-            {children}
-        </Box>
-    );
-};
+export const TabsWrapper = ({ children, ...props }: BoxProps) => (
+    <Box {...props} sx={{ ...props.sx, position: 'relative', height: `100%` }}>
+        {children}
+    </Box>
+);