feat: add series

routes/movies/[name].tsx

@@ -4,6 +4,8 @@ import { getMovie, Movie } from "@lib/resource/movies.ts";
 import { RecipeHero } from "@components/RecipeHero.tsx";
 import { HashTags } from "@components/HashTags.tsx";
 import { renderMarkdown } from "@lib/documents.ts";
+import { KMenu } from "@islands/KMenu.tsx";
+import { RedirectSearchHandler } from "@islands/Search.tsx";
 
 export const handler: Handlers<Movie | null> = {
   async GET(_, ctx) {
@@ -21,6 +23,8 @@ export default function Greet(props: PageProps<Movie>) {
 
   return (
     <MainLayout url={props.url} title={`Movie > ${movie.name}`} context={movie}>
+      <RedirectSearchHandler />
+      <KMenu type="main" context={movie} />
       <RecipeHero
         data={movie}
         subline={[author, date.toString()]}

routes/movies/index.tsx

@@ -5,6 +5,7 @@ import { MovieCard } from "@components/MovieCard.tsx";
 import { Grid } from "@components/Grid.tsx";
 import { IconArrowLeft } from "@components/icons.tsx";
 import { KMenu } from "@islands/KMenu.tsx";
+import { RedirectSearchHandler } from "@islands/Search.tsx";
 
 export const handler: Handlers<Movie[] | null> = {
   async GET(_, ctx) {
@@ -16,6 +17,8 @@ export const handler: Handlers<Movie[] | null> = {
 export default function Greet(props: PageProps<Movie[] | null>) {
   return (
     <MainLayout url={props.url} title="Movies" context={{ type: "movie" }}>
+      <RedirectSearchHandler />
+      <KMenu type="main" context={{ type: "movie" }} />
       <header class="flex gap-4 items-center mb-5 md:hidden">
         <a
           class="px-4 ml-4 py-2 bg-gray-300 text-gray-800 rounded-lg flex items-center gap-1"