feat: translate EmbedModal #345 (#455)

### What problem does this PR solve?

Embed the chat window into other websites through iframe

#345 

### Type of change


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

web/src/pages/chat/share/large.tsx

@@ -6,10 +6,10 @@ import { Avatar, Button, Flex, Input, Skeleton, Spin } from 'antd';
 import classNames from 'classnames';
 import { useSelectConversationLoading } from '../hooks';
 
+import HightLightMarkdown from '@/components/highlight-markdown';
 import React, { ChangeEventHandler, forwardRef } from 'react';
 import { IClientConversation } from '../interface';
 import styles from './index.less';
-import SharedMarkdown from './shared-markdown';
 
 const MessageItem = ({ item }: { item: Message }) => {
   const isAssistant = item.role === MessageType.Assistant;
@@ -46,7 +46,7 @@ const MessageItem = ({ item }: { item: Message }) => {
             <b>{isAssistant ? '' : 'You'}</b>
             <div className={styles.messageText}>
               {item.content !== '' ? (
-                <SharedMarkdown content={item.content}></SharedMarkdown>
+                <HightLightMarkdown>{item.content}</HightLightMarkdown>
               ) : (
                 <Skeleton active className={styles.messageEmpty} />
               )}

web/src/pages/chat/share/shared-markdown.tsx

@@ -1,32 +0,0 @@
-import Markdown from 'react-markdown';
-import SyntaxHighlighter from 'react-syntax-highlighter';
-import remarkGfm from 'remark-gfm';
-
-const SharedMarkdown = ({ content }: { content: string }) => {
-  return (
-    <Markdown
-      remarkPlugins={[remarkGfm]}
-      components={
-        {
-          code(props: any) {
-            const { children, className, node, ...rest } = props;
-            const match = /language-(\w+)/.exec(className || '');
-            return match ? (
-              <SyntaxHighlighter {...rest} PreTag="div" language={match[1]}>
-                {String(children).replace(/\n$/, '')}
-              </SyntaxHighlighter>
-            ) : (
-              <code {...rest} className={className}>
-                {children}
-              </code>
-            );
-          },
-        } as any
-      }
-    >
-      {content}
-    </Markdown>
-  );
-};
-
-export default SharedMarkdown;