fix:https://github.com/CherryHQ/cherry-studio/issues/3249

- Removed ContextMenuOverlay component and integrated its styles directly into the Dropdown component for cleaner code.

src/renderer/src/pages/home/Messages/Message.tsx

@@ -132,14 +132,13 @@ const MessageItem: FC<Props> = ({
       onContextMenu={handleContextMenu}
       style={{ ...style, alignItems: isBubbleStyle ? (isAssistantMessage ? 'start' : 'end') : undefined }}>
       {contextMenuPosition && (
-        <ContextMenuOverlay style={{ left: contextMenuPosition.x, top: contextMenuPosition.y, zIndex: 1000 }}>
         <Dropdown
+          overlayStyle={{ left: contextMenuPosition.x, top: contextMenuPosition.y, zIndex: 1000 }}
           menu={{ items: getContextMenuItems(t, selectedQuoteText, selectedText) }}
           open={true}
           trigger={['contextMenu']}>
           <div />
         </Dropdown>
-        </ContextMenuOverlay>
       )}
       <MessageHeader message={message} assistant={assistant} model={model} key={getModelUniqId(model)} />
       <MessageContentContainer
@@ -251,8 +250,4 @@ const NewContextMessage = styled.div`
   cursor: pointer;
 `
 
-const ContextMenuOverlay = styled.div`
-  position: fixed;
-`
-
 export default memo(MessageItem)