refactor: move bookmarks entry location

src/pages/primary/BookmarkPage/index.tsx

@@ -0,0 +1,35 @@
+import BookmarkList from '@/components/BookmarkList'
+import PrimaryPageLayout from '@/layouts/PrimaryPageLayout'
+import { TPageRef } from '@/types'
+import { BookmarkIcon } from 'lucide-react'
+import { forwardRef, useImperativeHandle, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+
+const BookmarkPage = forwardRef((_, ref) => {
+  const layoutRef = useRef<TPageRef>(null)
+  useImperativeHandle(ref, () => layoutRef.current)
+
+  return (
+    <PrimaryPageLayout
+      pageName="bookmark"
+      ref={layoutRef}
+      titlebar={<BookmarkPageTitlebar />}
+      displayScrollToTopButton
+    >
+      <BookmarkList />
+    </PrimaryPageLayout>
+  )
+})
+BookmarkPage.displayName = 'BookmarkPage'
+export default BookmarkPage
+
+function BookmarkPageTitlebar() {
+  const { t } = useTranslation()
+
+  return (
+    <div className="flex gap-2 items-center h-full pl-3">
+      <BookmarkIcon />
+      <div className="text-lg font-semibold">{t('Bookmarks')}</div>
+    </div>
+  )
+}