Update styling and add new heading font

The styling of multiple components has been updated for consistency and readability. A new heading font has been added to improve visual hierarchy. Changes include updating font sizes, adding a new heading font, and adjusting borders and padding over several components.

apps/web/app/(marketing)/blog/_components/html-renderer.module.css

@@ -1,13 +1,13 @@
 .HTML h1 {
-  @apply mt-14 text-4xl font-bold;
+  @apply mt-14 text-4xl font-bold font-heading;
 }
 
 .HTML h2 {
-  @apply mb-4 mt-12 text-2xl font-semibold lg:text-3xl;
+  @apply mb-4 mt-12 text-2xl font-semibold lg:text-3xl font-heading;
 }
 
 .HTML h3 {
-  @apply mt-10 text-2xl font-bold;
+  @apply mt-10 text-2xl font-bold font-heading;
 }
 
 .HTML h4 {

apps/web/app/(marketing)/blog/_components/post-header.tsx

@@ -14,7 +14,9 @@ export const PostHeader: React.FC<{
     <div className={'flex flex-1 flex-col'}>
       <div className={cn('border-b py-8')}>
         <div className={'mx-auto flex max-w-3xl flex-col space-y-4'}>
-          <h1 className={'text-3xl font-semibold xl:text-5xl'}>{title}</h1>
+          <h1 className={'font-heading text-3xl font-semibold xl:text-5xl'}>
+            {title}
+          </h1>
 
           <div>
             <span className={'text-muted-foreground'}>