feat: use animated emojis from fluent

components/layouts/main.tsx

@@ -4,6 +4,7 @@ import { CSS, KATEX_CSS } from "https://deno.land/x/gfm@0.2.5/mod.ts";
 import { Head } from "$fresh/runtime.ts";
 import Search, { RedirectSearchHandler } from "@islands/Search.tsx";
 import { KMenu } from "@islands/KMenu.tsx";
+import { Emoji } from "@components/Emoji.tsx";
 
 export type Props = {
   children: ComponentChildren;
@@ -34,11 +35,11 @@ export const MainLayout = ({ children, url, title, context }: Props) => {
             return (
               <a
                 href={m.link}
-                class={`block ${
+                class={`flex items-center gap-2  ${
                   m.link === url.pathname ? "bg-white text-black" : "text-white"
                 } p-3 text-xl w-full rounded-2xl`}
               >
-                {m.emoji} {m.name}
+                {<Emoji class="w-6 h-6" name={m.emoji} />} {m.name}
               </a>
             );
           })}