feat: add initial command pallete

routes/movies/[name].tsx

@@ -3,6 +3,7 @@ import { MainLayout } from "@components/layouts/main.tsx";
 import { Movie } from "@lib/movies.ts";
 import { getMovie } from "../api/movies/[name].ts";
 import { RecipeHero } from "@components/RecipeHero.tsx";
+import { KMenu } from "@islands/KMenu.tsx";
 
 export const handler: Handlers<Movie | null> = {
   async GET(_, ctx) {
@@ -17,6 +18,7 @@ export default function Greet(props: PageProps<Movie>) {
   return (
     <MainLayout url={props.url}>
       <RecipeHero data={movie} backlink="/movies" />
+      <KMenu type="main" context={movie} />
       <div class="px-8 text-white mt-10">
         <pre
           class="whitespace-break-spaces"