fix: Fixed the issue where the conversation list was not displayed on the conversation page #2625 (#2638)

### What problem does this PR solve?

fix: Fixed the issue where the conversation list was not displayed on
the conversation page #2625

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/chat/index.tsx

@@ -1,11 +1,6 @@
 import { ReactComponent as ChatAppCube } from '@/assets/svg/chat-app-cube.svg';
 import RenameModal from '@/components/rename-modal';
-import {
-  CloudOutlined,
-  DeleteOutlined,
-  EditOutlined,
-  PlusOutlined,
-} from '@ant-design/icons';
+import { CloudOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
 import {
   Avatar,
   Button,
@@ -35,6 +30,7 @@ import {
 } from './hooks';
 
 import ChatOverviewModal from '@/components/api-service/chat-overview-modal';
+import SvgIcon from '@/components/svg-icon';
 import {
   useClickConversationCard,
   useClickDialogCard,
@@ -297,7 +293,13 @@ const Chat = () => {
               <Tag>{conversationList.length}</Tag>
             </Space>
             <Tooltip title={t('newChat')}>
-              <PlusOutlined onClick={handleCreateTemporaryConversation} />
+              <div>
+                <SvgIcon
+                  name="plus-circle-fill"
+                  width={20}
+                  onClick={handleCreateTemporaryConversation}
+                ></SvgIcon>
+              </div>
             </Tooltip>
           </Flex>
           <Divider></Divider>