Update content page headings to match designs

src/components/VContentPage.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="pt-5 md:pt-10" dir="ltr">
     <div
-      class="prose-h1:text-bold prose prose-sm mx-auto mb-10 max-w-none px-6 prose-headings:font-bold prose-h1:text-4xl prose-h2:text-2xl prose-h2:font-semibold prose-h3:text-2xl prose-h3:font-semibold md:prose-base md:max-w-4xl md:prose-h1:mb-10 md:prose-h2:mt-10 md:prose-h3:mt-10 lg:mb-30 lg:px-0 lg:prose-headings:text-3xl lg:prose-h1:text-6xl xl:max-w-5xl"
+      class="prose-h1:heading-4 prose-h2:heading-6 md:prose-h1: md:prose-h1:heading-2 md:prose-h2:heading-5 prose-h3:heading-6 md:prose-h3:heading-6 lg:prose-headings:heading-5 lg:prose-h1:heading-2 prose prose-sm mx-auto mb-10 max-w-none px-6 prose-headings:font-bold md:prose-base md:max-w-4xl md:prose-h1:mb-10 md:prose-h2:mt-10 md:prose-h3:mt-10 lg:mb-30 lg:px-0 xl:max-w-5xl"
     >
       <slot default />
     </div>