adjust menu buttons

src/lib/utils.ts

@@ -105,10 +105,6 @@ export function nearestScrollportRoot(el: HTMLElement | null): Element | undefin
   return undefined
 }
 
-function rectsOverlap(a: DOMRectReadOnly, b: DOMRectReadOnly): boolean {
-  return a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right
-}
-
 /** True when `el` intersects the viewport or its nearest scrollport (with margin). */
 export function elementIsNearVisibleScrollport(el: HTMLElement, marginPx: number): boolean {
   const elRect = el.getBoundingClientRect()

src/pages/primary/NoteListPage/index.tsx

@@ -179,6 +179,7 @@ function NoteListPageTitlebar({
             <Flame />
           </Button>
         ) : null}
+        <LibraryTitlebarButton />
       </div>
       <div className="flex min-h-0 min-w-0 items-center justify-center gap-0.5 px-0.5">
         <button
@@ -194,7 +195,6 @@ function NoteListPageTitlebar({
           <Logo className="max-h-7 w-full min-w-0 object-contain object-center sm:max-h-8" />
         </button>
         <DiscussionsTitlebarButton />
-        <LibraryTitlebarButton />
         <Button
           variant="ghost"
           size="titlebar-icon"