add custom emoji display

src/components/notification/notification.scss

@@ -1,5 +1,11 @@
 @import '../../_variables.scss';
 
+.reaction-emoji {
+  width: 40px;
+  display: flex;
+  flex-direction: column;
+}
+
 // TODO Copypaste from Status, should unify it somehow
 .Notification {
   &.-muted {

src/components/notification/notification.vue

@@ -102,7 +102,18 @@
             <span v-if="notification.type === 'pleroma:emoji_reaction'">
               <small>
                 <i18n path="notifications.reacted_with">
-                  <span class="emoji-reaction-emoji">{{ notification.emoji }}</span>
+                  <img
+                    v-if="notification.emoji_url !== null"
+                    class="reaction-emoji"
+                    :src="notification.emoji_url"
+                    :name="notification.emoji"
+                  >
+                  <span
+                    v-else
+                    class="emoji-reaction-emoji"
+                  >
+                    {{ notification.emoji }}
+                  </span>
                 </i18n>
               </small>
             </span>

src/services/entity_normalizer/entity_normalizer.service.js

@@ -392,6 +392,7 @@ export const parseNotification = (data) => {
       : parseUser(data.target)
     output.from_profile = parseUser(data.account)
     output.emoji = data.emoji
+    output.emoji_url = data.emoji_url
   } else {
     const parsedNotice = parseStatus(data.notice)
     output.type = data.ntype