Code organization, Add SEO

pages/profile.js

@@ -26,13 +26,19 @@ import Button from './components/Profile/Button'
 import Contact from './components/Profile/Contact'
 import NintendoSW from "./components/Profile/NintendoSW"
 
+// next-seo
+import { NextSeo } from 'next-seo';
+
 export default function Profile(props) {
   const router = useRouter()
   const { locale, locales, defaultLocale, pathname } = router
   const { t, lang } = useTranslation("profile")
 
   return (
-
+    <>
+      <NextSeo
+              title="yude のプロフィール"
+      />
       <Layout title={t('about')}>
         <div className="text-center">
   
@@ -90,7 +96,7 @@ export default function Profile(props) {
           <div className="text-left my-6">
               <p className="text-2xl"><FontAwesomeIcon icon={faPhone} className="w-5 h-5 inline"/> {t('contact')}</p>
           </div>
-        <div className="my-2 grid grid-cols-2 lg:grid-cols-5 md:grid-cols-3 sm:grid-cols-2 justify-items-center gap-y-6">
+          <div className="my-2 grid grid-cols-2 lg:grid-cols-5 md:grid-cols-3 sm:grid-cols-2justify-items-center gap-y-6">
             <Contact dest="https://twitter.com/yude_jp" icon={faTwitter} caption="@yude_jp" />
             <Contact dest="#" icon={faDiscord} caption="yude#3205" />
             <Contact dest="mailto:i@yude.jp" icon={faEnvelope} caption="i@yude.jp" />
@@ -117,5 +123,6 @@ export default function Profile(props) {
         </div>
         
       </Layout>
+    </>
   )
 }