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`,
             }}