docs: Dynamic og also for home page

Author: amannn

docs/pages/api/og.tsx

@@ -117,7 +117,8 @@ export default async function OG(req: Request) {
           style={{
             fontSize: 82,
             lineHeight: 1.1,
-            letterSpacing: -4
+            letterSpacing: -4,
+            marginRight: 12
           }}
         >
           {title}

docs/public/og-image.png

@@ -103,10 +103,9 @@ export default {
     const pageConfig = useConfig();
     const {route} = useRouter();
     const isDefault = route === '/' || !pageConfig.title;
-
-    const image = isDefault
-      ? '/og-image.png'
-      : `/api/og?title=${pageConfig.title}`;
+    const image = `/api/og?title=${
+      isDefault ? config.description : pageConfig.title
+    }`;
 
     const description =
       pageConfig.frontMatter.description ||