Randomize emoji icon on hover out of selector button

js/components/src/components/chat/chat-box.tsx

···
           { justifyContent: "flex-end" },
         ]}
       >
-        <Pressable onPress={() => setShowEmojiSelector(!showEmojiSelector)}>
+        <Pressable
+          onPress={() => setShowEmojiSelector(!showEmojiSelector)}
+          onHoverOut={() => {
+            let oldMoji = COOL_EMOJI_LIST[emojiIconIndex];
+            let newMojiIndex = Math.floor(
+              Math.random() * COOL_EMOJI_LIST.length,
+            );
+            while (COOL_EMOJI_LIST[newMojiIndex] === oldMoji) {
+              newMojiIndex = Math.floor(Math.random() * COOL_EMOJI_LIST.length);
+            }
+            setEmojiIconIndex(newMojiIndex);
+          }}
+        >
           <Button
             variant="secondary"
             style={{ borderRadius: 16, height: 36, maxWidth: 36 }}
             onPress={() => {
               !message.endsWith("@") && setMessage(message + "@");
-              setShowSuggestions(true);
+              updateSuggestions("@");
             }}
           >
             <Text>@</Text>