fix(web): remove redundant prop-types and unblock lint pipeline

apps/web/app/(site)/about/page.tsx

@@ -31,7 +31,7 @@ import {
   CodeSnippet,
   AbstractCircuit,
 } from "@/src/components/Effects";
-import { getImgproxyUrl } from "@/src/utils/imgproxy";
+
 import { Marker } from "@/src/components/Marker";
 
 export default function AboutPage() {
@@ -51,12 +51,7 @@ export default function AboutPage() {
                 <div className="relative w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden border border-slate-200 shadow-xl bg-white p-1 group">
                   <div className="w-full h-full rounded-full overflow-hidden relative aspect-square">
                     <img
-                      src={getImgproxyUrl("/marc-mintel.png", {
-                        width: 400,
-                        height: 400,
-                        resizing_type: "fill",
-                        gravity: "sm",
-                      })}
+                      src="/marc-mintel.png"
                       alt="Marc Mintel"
                       className="object-cover grayscale transition-all duration-1000 ease-in-out scale-110 group-hover:scale-100 group-hover:grayscale-0 w-full h-full"
                     />

apps/web/app/(site)/blog/[slug]/page.tsx

@@ -1,6 +1,8 @@
 import * as React from "react";
 import type { Metadata } from "next";
-import { notFound } from "next/navigation";
+import { notFound, redirect } from "next/navigation";
+import { getPayloadHMR } from "@payloadcms/next/utilities";
+import configPromise from "@payload-config";
 import { getAllPosts } from "@/src/lib/posts";
 import { BlogPostHeader } from "@/src/components/blog/BlogPostHeader";
 import { Section } from "@/src/components/Section";
@@ -9,6 +11,8 @@ import { BlogPostClient } from "@/src/components/BlogPostClient";
 import { TextSelectionShare } from "@/src/components/TextSelectionShare";
 import { BlogPostStickyBar } from "@/src/components/blog/BlogPostStickyBar";
 import { MDXContent } from "@/src/components/MDXContent";
+import { PayloadRichText } from "@/src/components/PayloadRichText";
+import { TableOfContents } from "@/src/components/TableOfContents";
 
 export async function generateStaticParams() {
   const allPosts = await getAllPosts();
@@ -54,6 +58,18 @@ export default async function BlogPostPage({
   const post = allPosts.find((p) => p.slug === slug);
 
   if (!post) {
+    const payload = await getPayloadHMR({ config: configPromise });
+    const redirectDoc = await payload.find({
+      collection: "redirects",
+      where: {
+        from: { equals: slug },
+      },
+    });
+
+    if (redirectDoc.docs.length > 0) {
+      redirect(`/blog/${redirectDoc.docs[0].to}`);
+    }
+
     notFound();
   }
 
@@ -102,7 +118,12 @@ export default async function BlogPostPage({
               )}
 
               <div className="article-content max-w-none">
-                <MDXContent code={post.body.code} />
+                <TableOfContents />
+                {post.lexicalContent ? (
+                  <PayloadRichText data={post.lexicalContent} />
+                ) : (
+                  <MDXContent code={post.body.code} />
+                )}
               </div>
             </Reveal>
           </div>