feat: add title

routes/recipes/[name].tsx

@@ -20,7 +20,7 @@ export default function Greet(props: PageProps<Recipe>) {
   const amount = useSignal(portion || 1);
 
   return (
-    <MainLayout url={props.url}>
+    <MainLayout url={props.url} title={`Recipes > ${recipe.name}`}>
       <RecipeHero data={recipe} backlink="/recipes" />
       <div class="px-8 text-white mt-10">
         <div class="flex items-center gap-8">

routes/recipes/index.tsx

@@ -14,7 +14,7 @@ export const handler: Handlers<Recipe[] | null> = {
 
 export default function Greet(props: PageProps<Recipe[] | null>) {
   return (
-    <MainLayout url={props.url}>
+    <MainLayout url={props.url} title="Recipes">
       <header class="flex gap-4 items-center mb-2 lg:mb-5 md:hidden">
         <a
           class="px-4 lg:ml-4 py-2 bg-gray-300 text-gray-800 rounded-lg flex items-center gap-1"