refactor: migrate from @izzyjs/route to @tuyau

inertia/components/dashboard/link/link_controls.tsx

@@ -1,5 +1,4 @@
 import { useTheme } from '@emotion/react';
-import { route } from '@izzyjs/route/client';
 import { useTranslation } from 'react-i18next';
 import { BsThreeDotsVertical } from 'react-icons/bs';
 import { GoPencil } from 'react-icons/go';
@@ -7,7 +6,7 @@ import { IoTrashOutline } from 'react-icons/io5';
 import Dropdown from '~/components/common/dropdown/dropdown';
 import { DropdownItemLink } from '~/components/common/dropdown/dropdown_item';
 import FavoriteDropdownItem from '~/components/dashboard/side_nav/favorite/favorite_dropdown_item';
-import { appendLinkId } from '~/lib/navigation';
+import { routeWithLinkId } from '~/lib/navigation';
 import { Link } from '~/types/app';
 
 export default function LinkControls({ link }: { link: Link }) {
@@ -21,13 +20,11 @@ export default function LinkControls({ link }: { link: Link }) {
 			svgSize={18}
 		>
 			<FavoriteDropdownItem link={link} />
-			<DropdownItemLink
-				href={appendLinkId(route('link.edit-form').url, link.id)}
-			>
+			<DropdownItemLink href={routeWithLinkId('link.edit-form', link.id)}>
 				<GoPencil /> {t('link.edit')}
 			</DropdownItemLink>
 			<DropdownItemLink
-				href={appendLinkId(route('link.delete-form').url, link.id)}
+				href={routeWithLinkId('link.delete-form', link.id)}
 				danger
 			>
 				<IoTrashOutline /> {t('link.delete')}

inertia/components/dashboard/link/no_item.tsx

@@ -1,9 +1,8 @@
 import styled from '@emotion/styled';
 import { Link } from '@inertiajs/react';
-import { route } from '@izzyjs/route/client';
 import { useTranslation } from 'react-i18next';
 import useActiveCollection from '~/hooks/use_active_collection';
-import { appendCollectionId } from '~/lib/navigation';
+import { routeWithCollectionId } from '~/lib/navigation';
 import { fadeIn } from '~/styles/keyframes';
 
 const NoCollectionStyle = styled.div({
@@ -30,9 +29,7 @@ export function NoCollection() {
 	return (
 		<NoCollectionStyle>
 			<Text>{t('select-collection')}</Text>
-			<Link href={route('collection.create-form').url}>
-				{t('or-create-one')}
-			</Link>
+			<Link href={'collection.create-form'}>{t('or-create-one')}</Link>
 		</NoCollectionStyle>
 	);
 }
@@ -54,10 +51,7 @@ export function NoLink() {
 				}}
 			/>
 			<Link
-				href={appendCollectionId(
-					route('link.create-form').url,
-					activeCollection?.id
-				)}
+				href={routeWithCollectionId('link.create-form', activeCollection?.id)}
 			>
 				{t('link.create')}
 			</Link>