feat: Update SEO title

src/pages/docs/index.mdx

@@ -51,7 +51,7 @@ export function Text({ children, className }) {return <p className={cn('text-sm
     <VersionLink className='w-56 flex-col justify-between items-start' href='/docs/latest'>
       <div className='flex flex-row items-center gap-2'>
         <ExternalLinkIcon className='w-6 h-6' />
-        <Text className='text-lg font-bold'>Latest 1.1.0</Text>
+        <Text className='text-lg font-bold'>Latest 1.1.1</Text>
       </div>
       <Text className='text-sm font-light text-left ml-4'>This is the latest ***stable*** release.</Text>
       <div className='flex flex-row self-end mt-auto mb-1 gap-2'>

src/pages/index.mdx

@@ -1,3 +1,7 @@
+---
+title: Thread v1.1.1
+---
+
 import Link from 'next/link'
 
 import { ChevronDownIcon, ArrowRightIcon } from '@radix-ui/react-icons'

theme.config.tsx

@@ -26,6 +26,9 @@ const Footer = (
 )
 const Head = () => {
   const { title } = useConfig()
+  const { route } = useRouter()
+
+  const pageTitle = route === '/' || !title ? 'Thread v1.1.1' : `${title} | Thread v1.1.1`
   const socialImage = 'https://thread.ngjx.org/socialcard-white.jpg'
 
   return (
@@ -50,7 +53,7 @@ const Head = () => {
 
       {/* OpenGraph */}
       <meta name='og:image' content={socialImage} />
-      <meta name='og:title' content={title ? title + ' - thread' : 'thread'} />
+      <meta name='og:title' content={pageTitle} />
 
       {/* Twitter */}
       <meta name='twitter:card' content='summary_large_image' />
@@ -78,8 +81,11 @@ const config: DocsThemeConfig = {
     link: 'https://discord.gg/WTAvycRmqP'
   },
   useNextSeoProps() {
-    return {
-      titleTemplate: '%s – thread'
+    const { asPath } = useRouter()
+    if (asPath !== '/') {
+      return {
+        titleTemplate: '%s | Thread v1.1.1',
+      }
     }
   },
   sidebar: {