Prevent native mobile menu on long press

src/modules/chapter/components/cards/ChapterCard.tsx

@@ -112,7 +112,6 @@ export const ChapterCard = memo((props: IProps) => {
                 <Stack sx={{ pt: 1, px: 1 }}>
                     <Card
                         sx={{
-                            touchCallout: 'none',
                             ...applyStyles(mode === 'reader' && isActiveChapter, {
                                 backgroundColor: 'primary.main',
                             }),
@@ -123,6 +122,7 @@ export const ChapterCard = memo((props: IProps) => {
                             to={Chapters.getReaderUrl(chapter)}
                             style={{
                                 color: theme.palette.text[chapter.isRead ? 'disabled' : 'primary'],
+                                userSelect: 'none',
                             }}
                             state={Chapters.getReaderOpenChapterLocationState(chapter, true)}
                             replace={mode === 'reader'}

src/modules/manga/components/cards/MangaGridCard.tsx

@@ -66,7 +66,7 @@ export const MangaGridCard = memo(
                 onClick={handleClick}
                 to={mangaLinkTo}
                 state={Mangas.createLocationState(manga, mode)}
-                sx={{ textDecoration: 'none', touchCallout: 'none' }}
+                sx={{ textDecoration: 'none', userSelect: 'none' }}
             >
                 <Box
                     sx={{

src/modules/manga/components/cards/MangaListCard.tsx

@@ -48,7 +48,7 @@ export const MangaListCard = memo(
                     onClick={handleClick}
                     {...longPressBind(() => popupState.open(optionButtonRef.current))}
                     sx={{
-                        touchCallout: 'none',
+                        userSelect: 'none',
                         '@media (hover: hover) and (pointer: fine)': {
                             '&:hover .manga-option-button': {
                                 visibility: 'visible',