chore: scrollable and remove link wrapper

web/app/(pages)/layout.tsx

@@ -18,7 +18,7 @@ export default function PageLayout({ children }: { children: React.ReactNode })
 
 			<div className="relative flex min-w-0 flex-1 flex-col">
 				<SlidingMenu />
-				<main className="relative flex flex-auto flex-col place-items-stretch lg:my-2 lg:mr-2 lg:rounded-md lg:border">
+				<main className="relative flex flex-auto flex-col place-items-stretch overflow-auto lg:my-2 lg:mr-2 lg:rounded-md lg:border">
 					{children}
 				</main>
 			</div>

web/components/routes/link/LinkRoute.tsx

@@ -51,7 +51,7 @@ export function LinkRoute(): React.ReactElement {
 	}, [isDeleteConfirmShown, isCommandPaletteOpen, isInCreateMode, handleCommandPaletteClose])
 
 	return (
-		<div className="flex h-full flex-auto flex-col overflow-hidden">
+		<>
 			<LinkHeader />
 			<LinkManage />
 			<LinkList
@@ -61,6 +61,6 @@ export function LinkRoute(): React.ReactElement {
 				disableEnterKey={disableEnterKey}
 			/>
 			<LinkBottomBar />
-		</div>
+		</>
 	)
 }

web/components/routes/link/list.tsx

@@ -247,7 +247,7 @@ const LinkList: React.FC<LinkListProps> = ({ activeItemIndex, setActiveItemIndex
 
 	return (
 		<Primitive.div
-			className="mb-14 flex w-full flex-1 flex-col overflow-y-auto outline-none [scrollbar-gutter:stable]"
+			className="mb-11 flex w-full flex-1 flex-col overflow-y-auto outline-none [scrollbar-gutter:stable]"
 			tabIndex={0}
 		>
 			<DndContext