feat: better layout in a lot of places

components/layouts/main.tsx

@@ -1,4 +1,5 @@
 import { ComponentChildren } from "preact";
+import { menu } from "@lib/menus.ts";
 
 export type Props = {
   children: ComponentChildren;
@@ -9,25 +10,6 @@ export type Props = {
 };
 
 export const MainLayout = ({ children, url }: Props) => {
-  const menu = [
-    {
-      name: "🏡 Home",
-      link: "/",
-    },
-    {
-      name: "🍽️ Recipes",
-      link: "/recipes",
-    },
-    {
-      name: "🍿 Movies",
-      link: "/movies",
-    },
-    {
-      name: "📝 Articles",
-      link: "/articles",
-    },
-  ];
-
   return (
     <div
       class="md:grid mx-auto"