feat: replace emoji with SVGs (#129) (#584)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

styles/global.css

@@ -30,11 +30,6 @@ html {
   font-weight: 400;
   src: url(/fonts/homemade-apple-v18.ttf) format('truetype');
 }
-@font-face {
-  font-display: swap;
-  font-family: 'EmojiMart';
-  src: url('/fonts/seguiemj.ttf') format('truetype');
-}
 
 * {
   scrollbar-color: #8885 var(--c-border);
@@ -88,6 +83,19 @@ body {
   vertical-align: text-bottom;
 }
 
+.iconify-emoji {
+  display: inline-block;
+  overflow: hidden;
+  max-height: 1.2em;
+  max-width: 1.2em;
+  vertical-align: text-bottom;
+  margin: 0 0.1em;
+}
+
+.iconify-emoji-padded {
+  transform: scale(1.2);
+}
+
 .content-rich {
   line-height: calc(4 / 3 * 1em);
   overflow-wrap: break-word;
@@ -195,10 +203,6 @@ html[dir="rtl"] .rtl-flip {
 em-emoji-picker {
   --border-radius: 0;
 }
-em-emoji {
-  font-size: 1.2em;
-  line-height: 1em;
-}
 
 footer {
   a {