fix: soo many lint errors

routes/series/[name].tsx

@@ -13,7 +13,9 @@ import { ReviewResource } from "@lib/marka/schema.ts";
 
 export const handler: Handlers<{ serie: ReviewResource; session: unknown }> = {
   async GET(_, ctx) {
-    const serie = await fetchResource(`series/${ctx.params.name}.md`);
+    const serie = await fetchResource<ReviewResource>(
+      `series/${ctx.params.name}.md`,
+    );
 
     if (!serie) {
       return ctx.renderNotFound();
@@ -27,16 +29,19 @@ export default function Greet(
 ) {
   const { serie, session } = props.data;
 
-  const { author = "", datePublished = "", reviewBody } = serie?.content || {};
+  const { author, datePublished, reviewBody = "" } = serie?.content || {};
 
   const content = renderMarkdown(
     removeImage(reviewBody, serie.image?.url),
   );
 
+  const rating = serie.content.reviewRating?.ratingValue &&
+    parseRating(serie.content.reviewRating.ratingValue);
+
   return (
     <MainLayout
       url={props.url}
-      title={`Serie > ${serie.content?.name}`}
+      title={`Serie > ${serie.content?.itemReviewed?.name}`}
       context={serie}
     >
       <RedirectSearchHandler />
@@ -59,37 +64,33 @@ export default function Greet(
           <PageHero.Title>{serie.name}</PageHero.Title>
           <PageHero.Subline
             entries={[
-              author && {
+              author?.name &&
+              {
                 title: author.name,
-                href: `/?q=${encodeURIComponent(author)}`,
+                href: `/?q=${encodeURIComponent(author?.name)}`,
               },
-              datePublished.toString(),
+              datePublished?.toString(),
             ]}
           >
-            {serie.content?.reviewRating && (
-              <Star
-                rating={parseRating(serie.content?.reviewRating?.ratingValue)}
-              />
-            )}
+            {rating && <Star rating={rating} />}
           </PageHero.Subline>
         </PageHero.Footer>
       </PageHero>
-      {serie.content?.tags?.length > 0 && (
+      {serie.content?.keywords?.length && (
         <>
           <br />
-          <HashTags tags={serie.content?.tags} />
+          <HashTags tags={serie.content?.keywords} />
         </>
       )}
       <div class="px-8 text-white mt-10">
-        {serie?.content?.reviewBody?.length > 80
-          ? <h2 class="text-4xl font-bold mb-4">Review</h2>
-          : <></>}
+        {serie?.content?.reviewBody?.length && (
+          <h2 class="text-4xl font-bold mb-4">Review</h2>
+        )}
         <pre
           class="whitespace-break-spaces"
+          // deno-lint-ignore react-no-danger
           dangerouslySetInnerHTML={{ __html: content || "" }}
-        >
-          {content}
-        </pre>
+        />
       </div>
     </MainLayout>
   );