Render emotes in notice

tbot/web/ui/live_chat/components/chat.jsx

@@ -4,7 +4,7 @@ import useWebSocket from "react-use-websocket";
 import { RenderMessage } from "./render_message";
 import { RenderModAction } from "./render_mod_action";
 import { RenderNotice } from "./render_notice";
-import { parseTwitchEmotes, parseTwitchBadges } from "../parse_tags";
+import { parseTwitchEmotes } from "../parse_tags";
 import { useParseEmotes } from "./parse_emotes";
 
 import "./chat.scss";

tbot/web/ui/live_chat/components/render_notice.jsx

@@ -1,10 +1,21 @@
 import { providerShort } from "./provider_short";
+import sanitizeHtml from "sanitize-html";
 
 export function RenderNotice({ msg }) {
   return (
     <div className="notice">
       {providerShort(msg.provider)}
-      <span className="text">{msg.message}</span>
+      <span
+        className="text"
+        dangerouslySetInnerHTML={{
+          __html: sanitizeHtml(msg.message, {
+            allowedTags: ["img"],
+            allowedAttributes: {
+              img: ["src", "title", "class"],
+            },
+          }),
+        }}
+      ></span>
     </div>
   );
 }