feat: remove about page, fix type errors

src/components/Header.tsx

@@ -15,9 +15,6 @@ export default function Header() {
           </Link>
         </div>
         <div>
-          <Link href={"/about"}>
-            <a>About</a>
-          </Link>
           <button onClick={toggleDarkMode}>
             {isDarkMode ? (
               <i className="bi bi-moon-fill" />

src/components/main/Profile.tsx

@@ -1,21 +1,18 @@
 import Image from "next/image";
 import styled from "styled-components";
 import ContactIconList from "@src/components/common/ContactIconList";
-import Link from "next/link";
 
 export default function Profile() {
   return (
     <Wrapper>
-      <Link href={"/about"} passHref>
-        <ProfileImageWrapper>
-          <Image
-            src={"/profile.png"}
-            width={"100px"}
-            height={"100px"}
-            alt={"프로필 사진"}
-          />
-        </ProfileImageWrapper>
-      </Link>
+      <ProfileImageWrapper>
+        <Image
+          src={"/profile.png"}
+          width={"100px"}
+          height={"100px"}
+          alt={"프로필 사진"}
+        />
+      </ProfileImageWrapper>
       <div>
         <h3>조예진</h3>
         <ContactIconList />
@@ -33,6 +30,7 @@ const Wrapper = styled.div`
     height: 100%;
     margin: 5px 0;
   }
+
   p {
     margin: 0;
   }
@@ -41,6 +39,7 @@ const Wrapper = styled.div`
 const ProfileImageWrapper = styled.a`
   margin: auto 0;
   cursor: pointer;
+
   img {
     border-radius: 30px 10px 30px 10px;
   }

src/components/mdx/Aside.tsx

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
 
-export default ({ children, ...rest }: PropsWithChildren) => (
-  <aside {...rest}>{children}</aside>
-);
+export default function Aside({ children, ...rest }: PropsWithChildren) {
+  return <aside {...rest}>{children}</aside>;
+}

src/components/mdx/Caption.tsx

@@ -1,7 +1,9 @@
 import { PropsWithChildren } from "react";
 
-export default ({ children, ...rest }: PropsWithChildren) => (
-  <p className={"caption"} {...rest}>
-    {children}
-  </p>
-);
+export default function Caption({ children, ...rest }: PropsWithChildren) {
+  return (
+    <p className={"caption"} {...rest}>
+      {children}
+    </p>
+  );
+}

src/components/mdx/Link.tsx

@@ -1,7 +1,9 @@
 import { PropsWithChildren } from "react";
 
-export default ({ children, ...rest }: PropsWithChildren) => (
-  <a className={"link"} {...rest}>
-    {children}
-  </a>
-);
+export default function Link({ children, ...rest }: PropsWithChildren) {
+  return (
+    <a className={"link"} {...rest}>
+      {children}
+    </a>
+  );
+}

src/pages/posts/[slug].tsx

@@ -29,8 +29,8 @@ export async function getStaticProps(context: GetStaticPropsContext) {
     (post) => post._raw.flattenedPath === context.params?.slug
   );
   const post = allPosts[postIdx];
-  const prevPost = allPosts[postIdx - 1],
-    nextPost = allPosts[postIdx + 1];
+  const prevPost = allPosts[postIdx - 1] ?? null,
+    nextPost = allPosts[postIdx + 1] ?? null;
 
   // Return notFound if the post does not exist.
   if (!post) return { notFound: true };