Support library batch selection migration

Closes #1089

src/features/manga/components/MangaActionMenuItems.tsx

@@ -15,7 +15,6 @@ import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
 import Label from '@mui/icons-material/Label';
 import { useMemo, useState } from 'react';
 import SyncAltIcon from '@mui/icons-material/SyncAlt';
-import { Link } from 'react-router-dom';
 import SyncIcon from '@mui/icons-material/Sync';
 import Dialog from '@mui/material/Dialog';
 import { AwaitableComponent } from 'awaitable-component';
@@ -35,7 +34,6 @@ import { NestedMenuItem } from '@/base/components/menu/NestedMenuItem.tsx';
 import type { MangaChapterStatFieldsFragment, MangaType } from '@/lib/graphql/generated/graphql.ts';
 import type { MangaAction, MangaDownloadInfo, MangaIdInfo, MangaUnreadInfo } from '@/features/manga/Manga.types.ts';
 import { MANGA_ACTION_TO_TRANSLATION } from '@/features/manga/Manga.constants.ts';
-import { AppRoutes } from '@/base/AppRoute.constants.ts';
 import { CategorySelect } from '@/features/category/components/CategorySelect.tsx';
 import { STABLE_EMPTY_ARRAY } from '@/base/Base.constants.ts';
 
@@ -57,7 +55,7 @@ type Props =
 export const MangaActionMenuItems = ({
     manga,
     handleSelection,
-    selectedMangas: passedSelectedMangas,
+    selectedMangas = STABLE_EMPTY_ARRAY,
     onClose,
     setHideMenu,
 }: Props) => {
@@ -66,7 +64,6 @@ export const MangaActionMenuItems = ({
     const [isTrackDialogOpen, setIsTrackDialogOpen] = useState(false);
 
     const isSingleMode = !!manga;
-    const selectedMangas = passedSelectedMangas ?? STABLE_EMPTY_ARRAY;
 
     const getMenuItemTitle = createGetMenuItemTitle(isSingleMode, MANGA_ACTION_TO_TRANSLATION);
     const shouldShowMenuItem = createShouldShowMenuItem(isSingleMode);
@@ -148,19 +145,11 @@ export const MangaActionMenuItems = ({
                     title={getMenuItemTitle('mark_as_unread', readMangas.length)}
                 />
             )}
-            {isSingleMode && (
-                <Link
-                    to={AppRoutes.migrate.childRoutes.singleMangaSearch.path(
-                        manga?.sourceId ?? -1,
-                        manga?.id ?? -1,
-                        manga?.title,
-                    )}
-                    state={{ mangaTitle: manga?.title }}
-                    style={{ textDecoration: 'none', color: 'inherit' }}
-                >
-                    <MenuItem Icon={SyncAltIcon} title={getMenuItemTitle('migrate', selectedMangas.length)} />
-                </Link>
-            )}
+            <MenuItem
+                title={getMenuItemTitle('migrate', selectedMangas.length)}
+                Icon={SyncAltIcon}
+                onClick={() => performAction('migrate', selectedMangas)}
+            />
             {isSingleMode && (
                 <MenuItem
                     onClick={() => {
@@ -175,7 +164,7 @@ export const MangaActionMenuItems = ({
                 onClick={() => {
                     AwaitableComponent.show(CategorySelect, {
                         mangaId: manga?.id,
-                        mangaIds: passedSelectedMangas ? Mangas.getIds(selectedMangas) : undefined,
+                        mangaIds: selectedMangas ? Mangas.getIds(selectedMangas) : undefined,
                         addToLibrary: false,
                     });
                     setHideMenu(true);