feat: implement bookmarks page

src/app/components/PrimaryNav.svelte

@@ -2,6 +2,7 @@
   import type {Snippet} from "svelte"
   import {userProfile} from "@welshman/app"
   import Letter from "@assets/icons/letter.svg?dataurl"
+  import Bookmark from "@assets/icons/bookmark.svg?dataurl"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import Widget from "@assets/icons/widget-4.svg?dataurl"
   import UserRounded from "@assets/icons/user-rounded.svg?dataurl"
@@ -39,6 +40,9 @@
       <Divider />
     {/if}
     <div class="flex flex-col">
+      <PrimaryNavItem title="Bookmarks" href="/bookmarks" prefix="/bookmarks">
+        <ImageIcon alt="Bookmarks" src={Bookmark} size={8} />
+      </PrimaryNavItem>
       <PrimaryNavItem title="Settings" href="/settings/profile" prefix="/settings">
         {#if $userProfile?.picture}
           <ImageIcon alt="Settings" src={$userProfile?.picture} class="rounded-full" size={10} />
@@ -78,6 +82,9 @@
         notification={$notifications.has("/chat")}>
         <ImageIcon alt="Messages" src={Letter} size={8} />
       </PrimaryNavItem>
+      <PrimaryNavItem title="Bookmarks" href="/bookmarks" prefix="/bookmarks">
+        <ImageIcon alt="Bookmarks" src={Bookmark} size={8} />
+      </PrimaryNavItem>
       {#if PLATFORM_RELAYS.length !== 1}
         <PrimaryNavItem title="Spaces" href="/spaces" notification={anySpaceNotifications}>
           <ImageIcon alt="Spaces" src={Widget} size={8} />