refactor: page manager

src/pages/primary/BookmarkPage/index.tsx

@@ -2,24 +2,19 @@ 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 { forwardRef } 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>
-  )
-})
+const BookmarkPage = forwardRef<TPageRef>((_, ref) => (
+  <PrimaryPageLayout
+    pageName="bookmark"
+    ref={ref}
+    titlebar={<BookmarkPageTitlebar />}
+    displayScrollToTopButton
+  >
+    <BookmarkList />
+  </PrimaryPageLayout>
+))
 BookmarkPage.displayName = 'BookmarkPage'
 export default BookmarkPage