feat: add movies

routes/recipes/index.tsx

@@ -4,6 +4,7 @@ import { MainLayout } from "@components/layouts/main.tsx";
 import { Recipe } from "@lib/recipes.ts";
 import { getRecipes } from "../api/recipes/index.ts";
 import IconArrowLeft from "https://deno.land/x/tabler_icons_tsx@0.0.3/tsx/arrow-left.tsx";
+
 export const handler: Handlers<Recipe[] | null> = {
   async GET(_, ctx) {
     const recipes = await getRecipes();
@@ -23,7 +24,7 @@ export default function Greet(props: PageProps<Recipe[] | null>) {
           Back
         </a>
 
-        <h3 class="text-2xl text-white font-light">Recipes</h3>
+        <h3 class="text-2xl text-white font-light">🍽️ Recipes</h3>
       </header>
       <div class="flex flex-wrap items-center gap-4 px-4">
         {props.data?.map((doc) => {