implement bookmark collections and enhance bookmark search functionality

packages/web/src/app/collections/-collection-list.tsx

@@ -1,8 +1,8 @@
 import type { Collection } from "@markone/core"
+import { Link } from "@tanstack/react-router"
 import { clsx } from "clsx"
 import { memo } from "react"
 import { Button } from "~/components/button"
-import { Link } from "~/components/link"
 import { List } from "~/components/list"
 
 export enum CollectionListItemAction {
@@ -53,7 +53,9 @@ const CollectionListItem = memo(
 			</button>
 			<div className="flex flex-col w-full">
 				<div className="block w-full text-start font-bold">
-					<Link href="#">{collection.name}</Link>
+					<Link to={`/collections/${collection.id}`} className={isSelected ? "underline" : ""}>
+						{collection.name}
+					</Link>
 				</div>
 				<p className="opacity-80 text-sm">{collection.description}</p>
 				{isExpanded ? (