chore: add seo configs for docs

apps/docs/theme.config.tsx

@@ -1,62 +1,81 @@
-import React from "react";
+import React from 'react';
-import { DocsThemeConfig } from "nextra-theme-docs";
+import { DocsThemeConfig } from 'nextra-theme-docs';
 
 const config: DocsThemeConfig = {
-	logo: (
+  logo: (
-		<div style={{ display: "flex", alignItems: "center" }}>
+    <div style={{ display: 'flex', alignItems: 'center' }}>
-			<img
+      <img src={`/docs/img/logo-512.png`} alt={'ClassroomIO logo'} width={32} height={32} />
-				src={`/img/logo-512.png`}
+      <span style={{ marginLeft: '5px', lineHeight: '15px' }}>ClassroomIO Docs</span>
-				alt={"ClassroomIO logo"}
+    </div>
-				width={32}
+  ),
-				height={32}
+  project: {
-			/>
+    link: 'https://github.com/rotimi-best/classroomio'
-			<span style={{ marginLeft: "5px", lineHeight: "15px" }}>ClassroomIO Docs</span>
+  },
-		</div>
+  useNextSeoProps() {
-	),
+    return {
-	project: {
+      titleTemplate: 'ClassroomIO Documentation',
-		link: "https://github.com/rotimi-best/classroomio",
+      openGraph: {
-	},
+        siteName: 'ClassroomIO Docs',
-	useNextSeoProps() {
+        title: 'ClassroomIO Documentation',
-		return {
+        description:
-			titleTemplate: "ClassroomIO Documentation",
+          'Spend less time doing the boring stuff, instead focus on impacting the lives of your students.',
-			openGraph: {
+        images: [
-				images: [{ url: `/img/og-image.png` }],
+          {
-				siteName: "ClassroomIO Documentation",
+            url: '/docs/img/logo-16.png',
-			},
+            width: 16,
-		};
+            height: 16,
-	},
+            alt: 'ClassroomIO Docs Og Image Alt',
-	chat: {
+            type: 'image/png'
-		link: "https://dub.sh/ciodiscord",
+          },
-	},
+          {
-	sidebar: {
+            url: '/docs/img/logo-32.png',
-		defaultMenuCollapseLevel: 1,
+            width: 32,
-		autoCollapse: false,
+            height: 32,
-	},
+            alt: 'ClassroomIO Docs Og Image Alt',
-	docsRepositoryBase: "https://github.com/rotimi-best/classroomio/apps/docs",
+            type: 'image/png'
-	footer: {
+          },
-		text: "ClassroomIO Help Docs",
+          {
-	},
+            url: '/docs/img/logo-192.png',
-	head: (
+            width: 192,
-		<>
+            height: 192,
-			<link
+            alt: 'ClassroomIO Docs Og Image Alt',
-				rel='shortcut icon'
+            type: 'image/png'
-				type='image/x-icon'
+          },
-				href={`/img/favicon.ico`}
+          {
-			/>
+            url: '/docs/img/logo-512.png',
-			<link
+            width: 512,
-				rel='icon'
+            height: 512,
-				type='image/x-icon'
+            alt: 'ClassroomIO Docs Og Image Alt',
-				sizes='16x16'
+            type: 'image/png'
-				href={`/img/logo-16.png`}
+          },
-			/>
+          { url: '/docs/img/og-image.png' }
-			<link
+        ],
-				rel='icon'
+        twitter: {
-				type='image/x-icon'
+          handle: '@classroomio',
-				sizes='32x32'
+          site: '@classroomio.com',
-				href={`/img/logo-32.png`}
+          cardType: 'summary_large_image'
-			/>
+        }
-		</>
+      }
-	),
+    };
+  },
+  chat: {
+    link: 'https://dub.sh/ciodiscord'
+  },
+  sidebar: {
+    defaultMenuCollapseLevel: 1,
+    autoCollapse: false
+  },
+  docsRepositoryBase: 'https://github.com/rotimi-best/classroomio/apps/docs',
+  footer: {
+    text: 'ClassroomIO Help Docs'
+  },
+  head: (
+    <>
+      <link rel="shortcut icon" type="image/x-icon" href={`/img/favicon.ico`} />
+      <link rel="icon" type="image/x-icon" sizes="16x16" href={`/img/logo-16.png`} />
+      <link rel="icon" type="image/x-icon" sizes="32x32" href={`/img/logo-32.png`} />
+    </>
+  )
 };
 
 export default config;