fix: remove useRef in menu & tooltip (#4369)

apps/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx

@@ -212,9 +212,6 @@ export const PageMenu = ({ rename, pageId }: PageMenuProps) => {
       <FlexWrapper alignItems="center" justifyContent="center" ref={ref}>
         <Menu
           items={EditMenu}
-          portalOptions={{
-            container: ref.current,
-          }}
           contentOptions={{
             align: 'center',
           }}

apps/core/src/components/blocksuite/block-suite-mode-switch/index.tsx

@@ -4,7 +4,7 @@ import { Tooltip } from '@toeverything/components/tooltip';
 import { useBlockSuitePageMeta } from '@toeverything/hooks/use-block-suite-page-meta';
 import { useAtom } from 'jotai';
 import type { CSSProperties } from 'react';
-import { useEffect, useRef } from 'react';
+import { useEffect } from 'react';
 
 import { pageSettingFamily } from '../../../atoms';
 import type { BlockSuiteWorkspace } from '../../../shared';
@@ -40,7 +40,6 @@ export const EditorModeSwitch = ({
     meta => meta.id === pageId
   );
   const t = useAFFiNEI18N();
-  const ref = useRef(null);
   assertExists(pageMeta);
   const { trash } = pageMeta;
   useEffect(() => {
@@ -71,17 +70,11 @@ export const EditorModeSwitch = ({
   }, [setSetting, t, trash]);
 
   return (
-    <Tooltip
-      content={<TooltipContent />}
-      portalOptions={{
-        container: ref.current,
-      }}
-    >
+    <Tooltip content={<TooltipContent />}>
       <StyledEditorModeSwitch
         style={style}
         switchLeft={currentMode === 'page'}
         showAlone={trash}
-        ref={ref}
       >
         <PageSwitchItem
           data-testid="switch-page-mode-button"