docs: various marketing improvements (#3400)

Co-authored-by: HugoRCD <hugo.richard@epitech.eu>

docs/app/pages/pro/terms.vue

@@ -1,20 +1,21 @@
 <script setup lang="ts">
+import { joinURL } from 'ufo'
+
 const { data: page } = await useAsyncData('terms', () => queryCollection('content').path('/pro/terms').first())
 if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
 
+const { url } = useSiteConfig()
+
 const title = page.value.title
 const description = page.value.description
 useSeoMeta({
   title,
   description,
   ogTitle: `${title} - Nuxt UI Pro`,
-  ogDescription: description
-})
-
-defineOgImageComponent('Docs', {
-  headline: 'Pro'
+  ogDescription: description,
+  ogImage: joinURL(url, '/pro/og-image.png')
 })
 </script>