Include chapter info in continue reading button tooltip

src/features/manga/components/ResumeFAB.tsx

@@ -11,22 +11,48 @@ import PlayArrow from '@mui/icons-material/PlayArrow';
 import { useTranslation } from 'react-i18next';
 import { StyledFab } from '@/base/components/buttons/StyledFab.tsx';
 import { Chapters } from '@/features/chapter/services/Chapters.ts';
-import { ChapterMangaInfo, ChapterReadInfo, ChapterSourceOrderInfo } from '@/features/chapter/Chapter.types.ts';
+import {
+    ChapterMangaInfo,
+    ChapterNameInfo,
+    ChapterNumberInfo,
+    ChapterReadInfo,
+    ChapterScanlatorInfo,
+    ChapterSourceOrderInfo,
+} from '@/features/chapter/Chapter.types.ts';
+import { ContinueReadingTooltip } from '@/features/manga/components/ContinueReadingTooltip.tsx';
 
-export function ResumeFab({ chapter }: { chapter: ChapterMangaInfo & ChapterSourceOrderInfo & ChapterReadInfo }) {
+export function ResumeFab({
+    chapter,
+}: {
+    chapter: ChapterMangaInfo &
+        ChapterSourceOrderInfo &
+        ChapterReadInfo &
+        ChapterNumberInfo &
+        ChapterNameInfo &
+        ChapterScanlatorInfo;
+}) {
     const { t } = useTranslation();
 
-    const { sourceOrder } = chapter;
+    const { sourceOrder, name, chapterNumber, scanlator } = chapter;
+    const isFirstChapter = sourceOrder === 1;
+
     return (
-        <StyledFab
-            component={Link}
-            variant="extended"
-            color="primary"
-            to={Chapters.getReaderUrl(chapter)}
-            state={Chapters.getReaderOpenChapterLocationState(chapter)}
+        <ContinueReadingTooltip
+            chapterNumber={chapterNumber}
+            name={name}
+            sourceOrder={sourceOrder}
+            scanlator={scanlator}
         >
-            <PlayArrow />
-            {sourceOrder === 1 ? t('global.button.start') : t('global.button.resume')}
-        </StyledFab>
+            <StyledFab
+                component={Link}
+                variant="extended"
+                color="primary"
+                to={Chapters.getReaderUrl(chapter)}
+                state={Chapters.getReaderOpenChapterLocationState(chapter)}
+            >
+                <PlayArrow />
+                {isFirstChapter ? t('global.button.start') : t('global.button.resume')}
+            </StyledFab>
+        </ContinueReadingTooltip>
     );
 }