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/reader/components/ReaderPageNumber.tsx

@@ -57,7 +57,7 @@ export const ReaderPageNumber = () => {
                 position: 'fixed',
                 left: readerNavBarWidth,
                 right: 0,
-                bottom: (theme) => `calc(${theme.spacing(1)} + ${scrollbarXSize}px)`,
+                bottom: (theme) => `max(calc(${theme.spacing(1)} + ${scrollbarXSize}px), env(safe-area-inset-bottom))`,
                 alignItems: 'center',
                 transition: (theme) => `left 0.${theme.transitions.duration.shortest}s`,
             }}

src/modules/reader/components/overlay/ReaderOverlayHeaderMobile.tsx

@@ -64,6 +64,7 @@ export const ReaderOverlayHeaderMobile = ({ isVisible }: MobileHeaderProps) => {
                     left: 0,
                     right: `${scrollbarYSize}px`,
                     p: 2,
+                    pt: (theme) => `env(safe-area-inset-top, ${theme.spacing(2)})`,
                     backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.95),
                     pointerEvents: 'all',
                 }}

src/modules/reader/components/overlay/navigation/mobile/ReaderBottomBarMobile.tsx

@@ -45,7 +45,7 @@ export const ReaderBottomBarMobile = ({ openSettings, isVisible }: ReaderBottomB
                     sx={{
                         position: 'fixed',
                         right: `${scrollbarYSize}px`,
-                        bottom: `${scrollbarXSize}px`,
+                        bottom: 0,
                         left: 0,
                         gap: 2,
                         pointerEvents: 'all',
@@ -56,6 +56,7 @@ export const ReaderBottomBarMobile = ({ openSettings, isVisible }: ReaderBottomB
                         sx={{
                             alignItems: 'center',
                             backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.95),
+                            pb: `max(${scrollbarXSize}px, env(safe-area-inset-bottom))`,
                         }}
                     >
                         <Stack