style: add text overflow style for collections (#3292)

Co-authored-by: Alex Yang <himself65@outlook.com>

packages/component/src/ui/popper/popper.tsx

@@ -22,7 +22,7 @@ export const Popper = ({
   defaultVisible = false,
   visible: propsVisible,
   trigger = 'hover',
-  pointerEnterDelay = 100,
+  pointerEnterDelay = 500,
   pointerLeaveDelay = 100,
   onVisibleChange,
   popoverStyle,

packages/component/src/ui/tooltip/tooltip.tsx

@@ -15,6 +15,7 @@ const StyledTooltip = styled(StyledPopperContainer)(() => {
     fontSize: 'var(--affine-font-sm)',
     borderRadius: '8px',
     marginBottom: '12px',
+    overflowWrap: 'break-word',
   };
 });