Update UI styling and upgrade dependencies

Redesigned heading component styling and adjusted the layout in the marketing page for better readability and aesthetic appeal. Also updated 'next' and several other dependencies in the "pnpm-lock.yaml" to their latest versions, ensuring up-to-date functionalities and security.

packages/features/accounts/src/hooks/use-personal-account-data.ts

@@ -40,6 +40,8 @@ export function usePersonalAccountData() {
     queryKey,
     queryFn,
     enabled: !!user.data?.id,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false,
   });
 }
 

packages/supabase/src/hooks/use-user.ts

@@ -6,10 +6,11 @@ import { useQuery } from '@tanstack/react-query';
 
 import { useSupabase } from './use-supabase';
 
+const queryKey = ['supabase:user'];
+
 export function useUser(initialData?: User | null) {
   const client = useSupabase();
   const router = useRouter();
-  const queryKey = ['supabase:user'];
 
   const queryFn = async () => {
     const response = await client.auth.getUser();
@@ -30,5 +31,7 @@ export function useUser(initialData?: User | null) {
     queryFn,
     queryKey,
     initialData,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false,
   });
 }

packages/ui/src/shadcn/heading.tsx

@@ -12,7 +12,7 @@ export function Heading({
       return (
         <h1
           className={cn(
-            `font-heading scroll-m-20 text-4xl font-bold tracking-tight dark:text-white`,
+            `scroll-m-20 text-4xl font-bold tracking-tight dark:text-white`,
             className,
           )}
         >
@@ -23,7 +23,7 @@ export function Heading({
       return (
         <h2
           className={cn(
-            `font-heading scroll-m-20 pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0`,
+            `scroll-m-20 pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0`,
             className,
           )}
         >
@@ -34,8 +34,7 @@ export function Heading({
       return (
         <h3
           className={cn(
-            'font-heading scroll-m-20' +
-              ' text-2xl font-semibold tracking-tight',
+            'scroll-m-20' + ' text-2xl font-semibold tracking-tight',
             className,
           )}
         >
@@ -46,7 +45,7 @@ export function Heading({
       return (
         <h4
           className={cn(
-            'font-heading scroll-m-20 text-xl font-semibold tracking-tight',
+            'scroll-m-20 text-xl font-semibold tracking-tight',
             className,
           )}
         >
@@ -55,23 +54,13 @@ export function Heading({
       );
     case 5:
       return (
-        <h5
-          className={cn(
-            'font-heading scroll-m-20 text-lg font-medium',
-            className,
-          )}
-        >
+        <h5 className={cn('scroll-m-20 text-lg font-medium', className)}>
           {children}
         </h5>
       );
     case 6:
       return (
-        <h6
-          className={cn(
-            'font-heading scroll-m-20 text-base' + ' font-medium',
-            className,
-          )}
-        >
+        <h6 className={cn('scroll-m-20 text-base font-medium', className)}>
           {children}
         </h6>
       );