Extract app routes into constant

src/modules/migration/components/MigrateDialog.tsx

@@ -26,6 +26,7 @@ import {
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
 import { MetadataMigrationSettings } from '@/modules/migration/Migration.types.ts';
 import { MigrateMode } from '@/modules/manga/Manga.types.ts';
+import { AppRoutes } from '@/modules/core/AppRoute.constants.ts';
 
 export const MigrateDialog = ({ mangaIdToMigrateTo, onClose }: { mangaIdToMigrateTo: number; onClose: () => void }) => {
     const { t } = useTranslation();
@@ -63,7 +64,7 @@ export const MigrateDialog = ({ mangaIdToMigrateTo, onClose }: { mangaIdToMigrat
                 deleteChapters,
             });
 
-            navigate(`/manga/${mangaIdToMigrateTo}`, { replace: true });
+            navigate(AppRoutes.manga.path(mangaIdToMigrateTo), { replace: true });
         } catch (e) {
             setIsMigrationInProcess(false);
         }
@@ -108,7 +109,11 @@ export const MigrateDialog = ({ mangaIdToMigrateTo, onClose }: { mangaIdToMigrat
                         width: '100%',
                     }}
                 >
-                    <Button disabled={isMigrationInProcess} component={Link} to={`/manga/${mangaIdToMigrateTo}`}>
+                    <Button
+                        disabled={isMigrationInProcess}
+                        component={Link}
+                        to={AppRoutes.manga.path(mangaIdToMigrateTo)}
+                    >
                         {t('migrate.dialog.action.button.show_entry')}
                     </Button>
                     <Stack direction="row">

src/modules/migration/components/MigrationCard.tsx

@@ -19,6 +19,7 @@ import { requestManager } from '@/lib/requests/RequestManager.ts';
 import { GetMigratableSourcesQuery } from '@/lib/graphql/generated/graphql.ts';
 import { SpinnerImage } from '@/modules/core/components/SpinnerImage.tsx';
 import { translateExtensionLanguage } from '@/modules/extension/Extensions.utils.ts';
+import { AppRoutes } from '@/modules/core/AppRoute.constants.ts';
 
 export type TMigratableSource = NonNullable<GetMigratableSourcesQuery['mangas']['nodes'][number]['source']> & {
     mangaCount: number;
@@ -33,7 +34,7 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
 
     return (
         <Card>
-            <CardActionArea component={Link} to={`/migrate/source/${id}/`}>
+            <CardActionArea component={Link} to={AppRoutes.migrate.path(id)}>
                 <CardContent
                     sx={{
                         display: 'flex',