fix: 修复消息反应表情的一些样式问题

web/src/components/ChatBox/ChatMessageList/item.less

@@ -14,6 +14,8 @@
 }
 
 .chat-message-item_action-popover {
+  padding-top: 0;
+
   .ant-popover-arrow {
     display: none;
   }

web/src/components/TcPopover.tsx

@@ -13,9 +13,14 @@ const TcPopoverContext = React.createContext({ closePopover: _noop });
 export const TcPopover: React.FC<PopoverProps> = React.memo((props) => {
   const [visible, setVisible] = useState(false);
 
-  const handleVisibleChange = useCallback((v) => {
-    setVisible(v);
-  }, []);
+  const handleVisibleChange = useCallback(
+    (v) => {
+      setVisible(v);
+
+      typeof props.onVisibleChange === 'function' && props.onVisibleChange(v);
+    },
+    [props.onVisibleChange]
+  );
 
   const closePopover = useCallback(() => {
     setVisible(false);