implement collections page

packages/web/src/app/bookmarks/index.tsx

@@ -6,7 +6,7 @@ import { fetchApi, useAuthenticatedQuery } from "~/api"
 import { ActionBar } from "~/app/bookmarks/-action-bar.tsx"
 import { useLogOut } from "~/auth.ts"
 import { useTags } from "~/bookmark/api.ts"
-import { Button } from "~/components/button.tsx"
+import { Button, LinkButton } from "~/components/button"
 import { LoadingSpinner } from "~/components/loading-spinner"
 import { Message, MessageVariant } from "~/components/message.tsx"
 import { useDocumentEvent } from "~/hooks/use-document-event.ts"
@@ -359,11 +359,15 @@ function AppMenuWindow({ ref, style }: { ref: React.Ref<HTMLDivElement>; style:
 		<div ref={ref} style={style} className="border w-full md:w-100">
 			<p className="bg-stone-900 dark:bg-stone-200 text-stone-300 dark:text-stone-800 text-center">MENU</p>
 			<div className="p-4">
-				<ul className="space-y-2">
+				<ul className="space-x-4 flex justify-center">
+					<li>
+						<LinkButton to="/collections">
+							<span className="underline">C</span>OLLECTIONS
+						</LinkButton>
+					</li>
 					<li>
 						<LogOutButton />
 					</li>
-					{/* Add other menu items here */}
 				</ul>
 			</div>
 		</div>