docs: improve dynamic page

docs/components/Footer.vue

@@ -8,7 +8,7 @@
     </div>
 
     <NuxtLink :to="`https://github.com/nuxtlabs/ui/releases/tag/v${config.version}`" target="_blank" class="inline-flex">
-      <UBadge :label="`v${config.version}`" />
+      <UBadge :label="`v${config.version}`" variant="subtle" />
     </NuxtLink>
 
     <div class="flex-1 flex items-center justify-end gap-1.5 -my-1 lg:hidden">

docs/pages/[...slug].vue

@@ -5,20 +5,21 @@
     <UPageBody prose>
       <ContentRenderer v-if="page && page.body" :value="page" />
 
-      <UButton
-        :to="githubLink"
-        variant="link"
-        icon="i-heroicons-pencil-square"
-        label="Edit this page on GitHub"
-        :padded="false"
-        class="mt-12"
-      />
+      <div class="mt-12 not-prose">
+        <UButton
+          :to="githubLink"
+          variant="link"
+          icon="i-heroicons-pencil-square"
+          label="Edit this page on GitHub"
+          :padded="false"
+        />
+      </div>
 
       <hr v-if="surround?.length" class="border-gray-200 dark:border-gray-800 my-8">
 
       <UDocsSurround :surround="surround" />
 
-      <Footer />
+      <Footer class="not-prose" />
     </UPageBody>
 
     <template v-if="page.body?.toc?.links?.length" #right>