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)/_components/site-header-account-section.tsx

@@ -71,7 +71,7 @@ function AuthButtons() {
         <Button
           variant={'ghost'}
           className={
-            'rounded-full border border-primary hover:bg-primary hover:text-primary-foreground'
+            'border border-primary hover:bg-primary hover:text-primary-foreground'
           }
         >
           <Trans i18nKey={'auth:getStarted'} />