feat: Add FeedbackModal #2088 (#2089)

### What problem does this PR solve?

feat: Add FeedbackModal #2088

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/message-item/group-button.tsx

@@ -0,0 +1,53 @@
+import CopyToClipboard from '@/components/copy-to-clipboard';
+import { useSetModalState } from '@/hooks/common-hooks';
+import {
+  DeleteOutlined,
+  DislikeOutlined,
+  LikeOutlined,
+  SoundOutlined,
+  SyncOutlined,
+} from '@ant-design/icons';
+import { Radio } from 'antd';
+import FeedbackModal from './feedback-modal';
+
+export const AssistantGroupButton = () => {
+  const { visible, hideModal, showModal } = useSetModalState();
+
+  return (
+    <>
+      <Radio.Group size="small">
+        <Radio.Button value="a">
+          <CopyToClipboard text="xxx"></CopyToClipboard>
+        </Radio.Button>
+        <Radio.Button value="b">
+          <SoundOutlined />
+        </Radio.Button>
+        <Radio.Button value="c">
+          <LikeOutlined />
+        </Radio.Button>
+        <Radio.Button value="d" onClick={showModal}>
+          <DislikeOutlined />
+        </Radio.Button>
+      </Radio.Group>
+      {visible && (
+        <FeedbackModal visible={visible} hideModal={hideModal}></FeedbackModal>
+      )}
+    </>
+  );
+};
+
+export const UserGroupButton = () => {
+  return (
+    <Radio.Group size="small">
+      <Radio.Button value="a">
+        <CopyToClipboard text="xxx"></CopyToClipboard>
+      </Radio.Button>
+      <Radio.Button value="b">
+        <SyncOutlined />
+      </Radio.Button>
+      <Radio.Button value="c">
+        <DeleteOutlined />
+      </Radio.Button>
+    </Radio.Group>
+  );
+};