add tooltip on emoji hover

packages/pl-fe/src/features/emoji/emojify.tsx

@@ -2,6 +2,7 @@ import split from 'graphemesplit';
 import React from 'react';
 
 import Emoji from 'pl-fe/components/ui/emoji';
+import Tooltip from 'pl-fe/components/ui/tooltip';
 import { useSettings } from 'pl-fe/stores/settings';
 import { makeEmojiMap } from 'pl-fe/utils/normalizers';
 import { joinPublicPath } from 'pl-fe/utils/static';
@@ -10,6 +11,7 @@ import unicodeMapping from './mapping';
 
 import { validEmojiChar } from '.';
 
+
 import type { CustomEmoji } from 'pl-api';
 
 interface IMaybeEmoji {
@@ -25,11 +27,15 @@ const MaybeEmoji: React.FC<IMaybeEmoji> = ({ text, emojis }) => {
 
     if (filename?.length > 0) {
       return (
-        <Emoji
-          className='emojione size-16 transition-transform hover:scale-125'
-          emoji={text}
-          src={filename}
-        />
+        <Tooltip text={text} delay={750}>
+          <span>
+            <Emoji
+              className='emojione size-16 transition-transform hover:scale-125'
+              emoji={text}
+              src={filename}
+            />
+          </span>
+        </Tooltip>
       );
       // return <img draggable={false} className='emojione transition-transform hover:scale-125' alt={text} title={text} src={filename} />;
     }