refactor: use metadata export for seo

layouts/AuthorLayout.tsx

@@ -2,7 +2,6 @@ import { ReactNode } from 'react'
 import type { Authors } from 'contentlayer/generated'
 import SocialIcon from '@/components/social-icons'
 import Image from '@/components/Image'
-// import { PageSEO } from '@/components/SEO'
 
 interface Props {
   children: ReactNode
@@ -14,7 +13,6 @@ export default function AuthorLayout({ children, content }: Props) {
 
   return (
     <>
-      {/* <PageSEO title={`About - ${name}`} description={`About me - ${name}`} /> */}
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
           <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">