refactor: create types instead of using models

inertia/components/dashboard/link/link_controls.tsx

@@ -1,4 +1,3 @@
-import type Link from '#models/link';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { route } from '@izzyjs/route/client';
@@ -17,6 +16,7 @@ import useActiveCollection from '~/hooks/use_active_collection';
 import useCollections from '~/hooks/use_collections';
 import { appendLinkId } from '~/lib/navigation';
 import { makeRequest } from '~/lib/request';
+import { Link } from '~/types/app';
 
 const StartItem = styled(DropdownItemButton)(({ theme }) => ({
   color: theme.colors.yellow,
@@ -54,7 +54,7 @@ export default function LinkControls({ link }: { link: Link }) {
 
   const onFavorite = () => {
     const { url, method } = route('link.toggle-favorite', {
-      params: { id: link.id },
+      params: { id: link.id.toString() },
     });
     makeRequest({
       url,

inertia/components/dashboard/link/link_item.tsx

@@ -1,9 +1,9 @@
-import type Link from '#models/link';
 import styled from '@emotion/styled';
 import { AiFillStar } from 'react-icons/ai';
 import ExternalLink from '~/components/common/external_link';
 import LinkControls from '~/components/dashboard/link/link_controls';
 import LinkFavicon from '~/components/dashboard/link/link_favicon';
+import { Link } from '~/types/app';
 
 const LinkWrapper = styled.li(({ theme }) => ({
   userSelect: 'none',

inertia/components/dashboard/link/link_list.tsx

@@ -1,8 +1,8 @@
-import type Link from '#models/link';
 import styled from '@emotion/styled';
 import LinkItem from '~/components/dashboard/link/link_item';
 import { NoLink } from '~/components/dashboard/link/no_item';
 import { sortByCreationDate } from '~/lib/array';
+import { Link } from '~/types/app';
 
 const LinkListStyle = styled.ul({
   height: '100%',