fix(Docs): add dynamic og image generation and fix broken link

packages/dashboard/src/routes/(app)/instances/[instanceId]/version/+page.svelte

@@ -76,7 +76,7 @@
 </script>
 
 <div class="max-w-2xl"> 
-<CardHeader documentation={`/docs/upgrading`}>Version Change</CardHeader>
+<CardHeader documentation={`/docs/versions`}>Version Change</CardHeader>
 
   {#if power}
     <AlertBar message="Your instance must be powered off to change the version." type="error" />

packages/dashboard/src/routes/(static)/docs/+layout.svelte

@@ -25,7 +25,7 @@
     if (windowWidth < 768) sidebarOpen = false
   }
 
-  $: ({ title, description, ogImage } = data.meta || {});
+  $: ({ title, description } = data.meta || {});
   
 
 </script>
@@ -40,8 +40,8 @@
     <meta property="og:description" content={description} />
     {/if}
 
-    {#if ogImage}
-        <meta property="og:image" content={ogImage} />
+    {#if title}
+        <meta property="og:image" content={"https://cdn.cheto.app/og/joioes1x8zagn0v?name=" + encodeURIComponent(title)} />
     {/if}
 
     <meta name="twitter:card" content="summary_large_image" />
@@ -51,8 +51,8 @@
     <meta name="twitter:description" content={description} />
     {/if}
 
-    {#if ogImage}
-        <meta name="twitter:image" content={ogImage} />
+    {#if title}
+        <meta name="twitter:image" content={"https://cdn.cheto.app/og/joioes1x8zagn0v?name=" + encodeURIComponent(title)} />
     {/if}
 </svelte:head>
 

packages/dashboard/src/routes/(static)/docs/accessing/+page.md

@@ -1,7 +1,6 @@
 ---
 title: Accessing an Instance
 description: Learn how to access your PocketBase instance managed by PocketHost
-ogImage: /docs/accessing.png
 ---
 # Accessing an Instance