feat: client side loading

routes/_layout.tsx

@@ -1,5 +1,6 @@
 import { PageProps } from "$fresh/server.ts";
 import { resources } from "@lib/resources.ts";
+import { Link } from "@islands/Link.tsx";
 import { Emoji } from "@components/Emoji.tsx";
 
 export default function MyLayout({ Component }: PageProps) {
@@ -12,12 +13,12 @@ export default function MyLayout({ Component }: PageProps) {
         <nav class="min-h-fit rounded-3xl p-3 grid gap-3 fixed t-0">
           {Object.values(resources).map((m) => {
             return (
-              <a
+              <Link
                 href={m.link}
-                class={`flex items-center gap-2  text-white data-[current]:bg-white data-[current]:text-black p-3 text-xl w-full rounded-2xl`}
+                class="flex items-center gap-2  text-white data-[current]:bg-white data-[current]:text-black p-3 text-xl w-full rounded-2xl"
               >
-                {<Emoji class="w-6 h-6" name={m.emoji} />} {m.name}
-              </a>
+                <Emoji class="w-6 h-6" name={m.emoji} /> {m.name}
+              </Link>
             );
           })}
         </nav>