docs: og image for components (#3414)

docs/app/pages/pro/activate.vue

@@ -72,7 +72,6 @@ onMounted(() => {
   <UMain>
     <UPageHero headline="License Activation" :title="title" :description="description" :ui="{ container: 'relative' }">
       <template #top>
-        <div class="absolute z-[-1] rounded-full bg-(--ui-primary) blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" />
         <StarsBg />
       </template>
       <div aria-hidden="true" class="hidden lg:block absolute z-[-1] border-x border-(--ui-border) inset-0 mx-4 sm:mx-6 lg:mx-8" />

docs/app/pages/pro/templates.vue

@@ -41,7 +41,7 @@ useSeoMeta({
     class="lg:border-t border-(--ui-border)"
     :ui="{
       title: 'lg:text-4xl',
-      wrapper: 'lg:py-16 lg:border-r border-(--ui-border) order-last',
+      wrapper: 'lg:py-16 lg:border-r border-(--ui-border) order-last lg:pr-16',
       container: 'lg:py-0'
     }"
   >