chore: add mx-uc.css

src/app/components/editor/Elements.tsx

@@ -98,7 +98,8 @@ function RenderEmoticonElement({
           isUsingTwemoji() ? <img
             className={css.EmoticonImg}
             src={getEmojiUrl(element.key)}
-            alt={element.shortcode}
+            alt={element.key}
+            title={element.shortcode}
           /> : element.key
         )}
         {children}

src/app/components/emoji-board/EmojiBoard.tsx

@@ -283,7 +283,8 @@ const NativeEmoji = (emoji: IEmoji) =>
     loading="lazy"
     className={css.EmoticonImg}
     src={getEmojiUrl(emoji.unicode)}
-    alt={emoji.shortcode}
+    alt={emoji.unicode}
+    title={emoji.shortcode}
   /> : emoji.unicode;
 
 export function EmojiItem({

src/app/plugins/react-custom-html-parser.tsx

@@ -46,6 +46,7 @@ const textToEmojifyJSX = (text: string): (string | JSX.Element)[] =>
       return <span key={pushIndex} className={css.EmoticonBase}>{
         isUsingTwemoji() ? <img
           className={className}
+          alt={char}
           title={title}
           src={getEmojiUrl(char)}
         /> : <span