Merge branch 'feat/ui-0.5.0' into 'test'

Feat/ui 0.5.0

See merge request opensource/answer!310

ui/src/pages/Tags/Info/index.tsx

@@ -189,7 +189,7 @@ const TagIntroduction = () => {
                     <div className="mb-3">
                       {t('synonyms.text')}{' '}
                       <Tag
-                        className="me-2 mb-2"
+                        className="me-2"
                         data={{
                           slug_name: tagName || '',
                           main_tag_slug_name: '',
@@ -209,15 +209,13 @@ const TagIntroduction = () => {
                 {!isEdit &&
                   (synonymsData?.synonyms &&
                   synonymsData.synonyms.length > 0 ? (
-                    synonymsData.synonyms.map((item) => {
+                    <div className="m-n1">
-                      return (
+                      {synonymsData.synonyms.map((item) => {
-                        <Tag
+                        return (
-                          key={item.tag_id}
+                          <Tag key={item.tag_id} className="m-2" data={item} />
-                          className="me-2 mb-2"
+                        );
-                          data={item}
+                      })}
-                        />
+                    </div>
-                      );
-                    })
                   ) : (
                     <>
                       <div className="text-muted mb-3">

ui/src/utils/common.ts

@@ -173,6 +173,8 @@ function diffText(newText: string, oldText: string): string {
   if (typeof oldText !== 'string') {
     return newText
       ?.replace(/\n/gi, '<br>')
+      ?.replace(/<kbd/gi, '&lt;kbd')
+      ?.replace(/<\/kbd>/gi, '&lt;/kbd&gt;')
       ?.replace(/<iframe/gi, '&lt;iframe')
       ?.replace(/<input/gi, '&lt;input');
   }