Render reader desktop nav bar content only when visible

src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktop.tsx

@@ -106,6 +106,8 @@ const BaseReaderNavBarDesktop = ({
             }}
         >
             <ReaderNavContainer sx={{ backgroundColor: 'background.paper', pointerEvents: 'all' }}>
+                {isVisible && (
+                    <>
                         <Stack sx={{ p: 2, gap: 2, backgroundColor: 'action.hover' }}>
                             <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
                                 <Tooltip title={t('reader.button.exit')}>
@@ -152,6 +154,8 @@ const BaseReaderNavBarDesktop = ({
                             <Divider />
                             <ReaderNavBarDesktopQuickSettings openSettings={openSettings} />
                         </Stack>
+                    </>
+                )}
             </ReaderNavContainer>
         </Drawer>
     );