perf: markdown redraw

client/src/components/Markdown/Link.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Box } from '@chakra-ui/react';
+
+const regex = /((http|https|ftp):\/\/[^\s\u4e00-\u9fa5\u3000-\u303f\uff00-\uffef]+)/gi;
+
+const Link = ({ href }: { href?: string }) => {
+  const decText = decodeURIComponent(href || '');
+  const replaceText = decText.replace(regex, (match, p1) => {
+    const isInternal = /^\/#/i.test(p1);
+    const target = isInternal ? '_self' : '_blank';
+    return `<a href="${p1}" target=${target}>${p1}</a>`;
+  });
+
+  return <Box as={'span'} dangerouslySetInnerHTML={{ __html: replaceText }} />;
+};
+
+export default React.memo(Link);