Prevent horizontal scrollbar on viewport width increase

When increasing the window, the main reader container did not immediately reflect the change and was still smaller than the available width.
In case the viewed pages were filling the full width, this then caused the horizontal scrollbar to appear until the resize action was finished.

src/features/reader/screens/Reader.tsx

@@ -233,6 +233,8 @@ const BaseReader = ({
                 position: 'relative',
                 display: 'flex',
                 flexDirection: 'column',
+                minWidth: `calc(100vw - ${readerNavBarWidth}px)`,
+                maxWidth: `calc(100vw - ${readerNavBarWidth}px)`,
                 width: `calc(100vw - ${readerNavBarWidth}px)`,
                 height: `100vh`,
                 marginLeft: `${readerNavBarWidth}px`,