feat: update some shit

routes/series/[name].tsx

@@ -1,11 +1,12 @@
 import { Handlers, PageProps } from "$fresh/server.ts";
 import { MainLayout } from "@components/layouts/main.tsx";
-import { RecipeHero } from "@components/RecipeHero.tsx";
 import { HashTags } from "@components/HashTags.tsx";
 import { renderMarkdown } from "@lib/documents.ts";
 import { getSeries, Series } from "@lib/resource/series.ts";
 import { RedirectSearchHandler } from "@islands/Search.tsx";
 import { KMenu } from "@islands/KMenu.tsx";
+import PageHero from "@components/PageHero.tsx";
+import { Star } from "@components/Stars.tsx";
 
 export const handler: Handlers<{ serie: Series; session: unknown }> = {
   async GET(_, ctx) {
@@ -27,20 +28,31 @@ export default function Greet(
     <MainLayout url={props.url} title={`Serie > ${serie.name}`} context={serie}>
       <RedirectSearchHandler />
       <KMenu type="main" context={serie} />
-      <RecipeHero
-        data={serie}
-        subline={[
-          author && {
-            title: author,
-            href: `/?q=${encodeURIComponent(author)}`,
-          },
-          date.toString(),
-        ]}
-        editLink={session
-          ? `https://notes.max-richter.dev/Media/series/${serie.id}`
-          : ""}
-        backlink="/series"
-      />
+
+      <PageHero image={serie.meta.image} thumbnail={serie.meta.thumbnail}>
+        <PageHero.Header>
+          <PageHero.BackLink href="/series" />
+          {session && (
+            <PageHero.EditLink
+              href={`https://notes.max-richter.dev/Media/series/${serie.id}`}
+            />
+          )}
+        </PageHero.Header>
+        <PageHero.Footer>
+          <PageHero.Title>{serie.name}</PageHero.Title>
+          <PageHero.Subline
+            entries={[
+              author && {
+                title: author,
+                href: `/?q=${encodeURIComponent(author)}`,
+              },
+              date.toString(),
+            ]}
+          >
+            {serie.meta.rating && <Star rating={serie.meta.rating} />}
+          </PageHero.Subline>
+        </PageHero.Footer>
+      </PageHero>
       {serie.tags.length > 0 && (
         <>
           <br />