Add scanlator to reader desktop nav bar

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

@@ -118,6 +118,7 @@ export const ReaderNavBarDesktop = ({ isVisible, openSettings }: ReaderNavBarDes
                                 mangaId={manga.id}
                                 mangaTitle={manga.title}
                                 chapterTitle={currentChapter.name}
+                                scanlator={currentChapter.scanlator}
                             />
                             <ReaderNavBarDesktopActions
                                 currentChapter={currentChapter}

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

@@ -18,10 +18,12 @@ export const ReaderNavBarDesktopMetadata = ({
     mangaId,
     mangaTitle,
     chapterTitle,
+    scanlator,
 }: {
     mangaId: number;
     mangaTitle: string;
     chapterTitle: string;
+    scanlator?: string | null;
 }) => (
     <Stack>
         <Tooltip title={mangaTitle} placement="right">
@@ -40,5 +42,18 @@ export const ReaderNavBarDesktopMetadata = ({
                 {chapterTitle}
             </TypographyMaxLines>
         </Tooltip>
+        {scanlator && (
+            <Tooltip title={scanlator} placement="right">
+                <TypographyMaxLines
+                    lines={4}
+                    variant="body2"
+                    component="h3"
+                    color="textDisabled"
+                    sx={{ textAlign: 'center' }}
+                >
+                    {scanlator}
+                </TypographyMaxLines>
+            </Tooltip>
+        )}
     </Stack>
 );