feat: use animated emojis from fluent

islands/Search.tsx

@@ -10,6 +10,7 @@ import Checkbox from "@components/Checkbox.tsx";
 import { Rating } from "@components/Rating.tsx";
 import { useSignal } from "@preact/signals";
 import Image from "@components/Image.tsx";
+import { Emoji } from "@components/Emoji.tsx";
 
 export const RedirectSearchHandler = () => {
   useEventListener("keydown", (e: KeyboardEvent) => {
@@ -53,8 +54,11 @@ export const SearchResultItem = (
       href={href}
       class="p-2 text-white flex gap-4 items-center rounded-2xl hover:bg-gray-700"
     >
+      {showEmoji && resourceType
+        ? <Emoji class="w-7 h-7" name={resourceType.emoji} />
+        : ""}
       {doc?.image && <SearchResultImage src={doc.image} />}
-      {`${showEmoji && resourceType ? resourceType.emoji : ""}`} {doc?.name}
+      {doc?.name}
     </a>
   );
 };
@@ -179,7 +183,7 @@ const Search = (
             class="flex items-center gap-2 p-2 my-4 mx-3"
             style={{ color: "#818181" }}
           >
-            <IconGhost class="animate-hover" />
+            <Emoji class="w-8 h-8" name="Ghost.png" />
             No Results
           </div>
         )}