feat: refactor menus

frontend/src/app/recollections/logos/LogosPage.tsx

@@ -3,14 +3,19 @@
  */
 
 import React, { useEffect } from 'react'
+import { useLocation } from 'react-router-dom'
 import { useRecollectionMenubar } from '../RecollectionMenubarContext'
 
 export function LogosPage() {
+  const { pathname } = useLocation()
   const { setCustomContent } = useRecollectionMenubar()
+  const isLogosActive = pathname.endsWith('/logos') || pathname.match(/\/recollections\/[^/]+\/?$/)
+
   useEffect(() => {
+    if (!isLogosActive) return
     setCustomContent(null)
     return () => setCustomContent(null)
-  }, [setCustomContent])
+  }, [isLogosActive, setCustomContent])
 
   return (
     <div className="flex h-full min-h-0 flex-1 flex-col items-center justify-center p-8 text-muted-foreground">