🐛 Fix emoji rendering (#2030)

Thanks.

src/components/RoomDialog.scss

@@ -42,6 +42,10 @@
   background-color: var(--button-gray-1);
 }
 
+.RoomDialog-emoji {
+  font-family: sans-serif;
+}
+
 .RoomDialog-usernameContainer {
   display: flex;
   margin: 1.5em 0;

src/components/RoomDialog.tsx

@@ -90,10 +90,15 @@ const RoomModal = ({
               onKeyPress={(event) => event.key === "Enter" && onPressingEnter()}
             />
           </div>
-          <p>{`🔒 ${t("roomDialog.desc_privacy")}`}</p>
           <p>
-            <span role="img" aria-hidden="true">
-              ⚠️
+            <span role="img" aria-hidden="true" className="RoomDialog-emoji">
+              {"🔒"}
+            </span>{" "}
+            {t("roomDialog.desc_privacy")}
+          </p>
+          <p>
+            <span role="img" aria-hidden="true" className="RoomDialog-emoji">
+              {"⚠️️"}
             </span>{" "}
             {t("roomDialog.desc_persistenceWarning")}
           </p>