Update UI design across multiple pages and components

Several changes have been made to improve the user interface and enhance the user experience. This includes redesigning Auth buttons, modifying website layouts and routing, tweaking heading and text sizes for clarity, and revamping the marketing, documentation, and pricing pages. These changes collectively contribute to a cleaner, more concise and navigable interface.

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

@@ -1,27 +1,23 @@
 import type { User } from '@supabase/supabase-js';
 
-import { ModeToggle } from '@kit/ui/mode-toggle';
-
 import { SiteHeaderAccountSection } from '~/(marketing)/_components/site-header-account-section';
 import { SiteNavigation } from '~/(marketing)/_components/site-navigation';
 import { AppLogo } from '~/components/app-logo';
 
 export function SiteHeader(props: { user?: User | null }) {
   return (
-    <div className={'container mx-auto'}>
-      <div className="flex h-16 items-center justify-between">
-        <div className={'w-4/12'}>
-          <AppLogo />
-        </div>
+    <div className={'border-b'}>
+      <div className={'container mx-auto'}>
+        <div className="flex h-16 items-center justify-between">
+          <div className={'flex w-6/12 items-center space-x-8'}>
+            <AppLogo />
 
-        <div className={'hidden w-4/12 justify-center lg:flex'}>
-          <SiteNavigation />
-        </div>
+            <SiteNavigation />
+          </div>
 
-        <div className={'flex flex-1 items-center justify-end space-x-4'}>
-          <ModeToggle />
-
-          <SiteHeaderAccountSection user={props.user ?? null} />
+          <div className={'flex flex-1 items-center justify-end space-x-1'}>
+            <SiteHeaderAccountSection user={props.user ?? null} />
+          </div>
         </div>
       </div>
     </div>