Update error handling and UI design across multiple files

Enhanced error handling in documentation and blog pages, to ensure smoother running and user experience. This also includes additional UI updates related to font selection, layout arrangement, and interactive elements on error pages, marketing pages, and general site navigation components. Moreover, a "contact us" feature has been added to error pages to help users seek assistance more conveniently.

apps/web/app/(marketing)/_components/site-page-header.tsx

@@ -8,11 +8,19 @@ export function SitePageHeader(props: {
   return (
     <div className={cn('border-b py-8 xl:py-10 2xl:py-12', props.className)}>
       <div className={'container flex flex-col space-y-2 lg:space-y-4'}>
-        <h1 className={'font-medium font-heading text-3xl xl:text-5xl dark:text-white tracking-tight'}>
+        <h1
+          className={
+            'font-heading text-3xl font-medium tracking-tight dark:text-white xl:text-5xl'
+          }
+        >
           {props.title}
         </h1>
 
-        <h2 className={'text-lg text-muted-foreground 2xl:text-2xl tracking-tight'}>
+        <h2
+          className={
+            'text-lg tracking-tight text-muted-foreground 2xl:text-2xl'
+          }
+        >
           {props.subtitle}
         </h2>
       </div>