Feature/manga migration (#536)

* Add "migration" tab to "Browse" screen

* Add missing useEffect cleanup for navbar title and actions

* Make "SourceGridLayout" reusable

* Add migration tab to "Browse"

* Add migration logic

src/components/manga/MangaToolbarMenu.tsx

@@ -21,6 +21,8 @@ import {
 } from '@mui/material';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import SyncAltIcon from '@mui/icons-material/SyncAlt';
 import { CategorySelect } from '@/components/navbar/action/CategorySelect';
 import { TManga } from '@/typings.ts';
 
@@ -32,6 +34,7 @@ interface IProps {
 
 export const MangaToolbarMenu = ({ manga, onRefresh, refreshing }: IProps) => {
     const { t } = useTranslation();
+
     const theme = useTheme();
     const isLargeScreen = useMediaQuery(theme.breakpoints.up('sm'));
 
@@ -57,6 +60,17 @@ export const MangaToolbarMenu = ({ manga, onRefresh, refreshing }: IProps) => {
                             <Refresh />
                         </IconButton>
                     </Tooltip>
+                    <Tooltip title={t('global.button.migrate')}>
+                        <Link
+                            to={`/migrate/source/${manga.source?.id}/manga/${manga.id}/search?query=${manga.title}`}
+                            state={{ mangaTitle: manga.title }}
+                            style={{ textDecoration: 'none', color: 'inherit' }}
+                        >
+                            <IconButton disabled={refreshing}>
+                                <SyncAltIcon />
+                            </IconButton>
+                        </Link>
+                    </Tooltip>
                     {manga.inLibrary && (
                         <Tooltip title={t('manga.label.edit_categories')}>
                             <IconButton