fix(site): pricing page anchors to bottom of page (#1728)

<!-- Please make sure there is an issue that this PR is correlated to. -->

Fixes WEB-248

## Changes

<!-- If there are frontend changes, please include screenshots. -->

site/src/app/(v2)/(framer)/page.tsx

@@ -7,8 +7,11 @@ export const metadata: Metadata = {
 };
 
 export default function IndexPage() {
+  // an empty div at the top of the page is a workaround for a bug in Next.js that causes the page to jump when the user navigates to it
+  // https://github.com/vercel/next.js/discussions/64534
   return (
     <>
+      <div />
       <FancyHeader />
       <FramerIndexPage />
     </>

site/src/app/(v2)/(framer)/pricing/page.tsx

@@ -2,8 +2,11 @@ import { FramerPricingPage } from '@/components/framer/PricingPage';
 import { FancyHeader } from '@/components/v2/FancyHeader';
 
 export default function PricingPage() {
+  // an empty div at the top of the page is a workaround for a bug in Next.js that causes the page to jump when the user navigates to it
+  // https://github.com/vercel/next.js/discussions/64534
   return (
     <>
+      <div />
       <FancyHeader active='pricing' />
       <FramerPricingPage />
     </>

site/src/app/(v2)/(framer)/sales/page.tsx

@@ -2,8 +2,11 @@ import { FramerSalesPage } from '@/components/framer/SalesPage';
 import { FancyHeader } from '@/components/v2/FancyHeader';
 
 export default function SalesPage() {
+  // an empty div at the top of the page is a workaround for a bug in Next.js that causes the page to jump when the user navigates to it
+  // https://github.com/vercel/next.js/discussions/64534
   return (
     <>
+      <div />
       <FancyHeader />
       <div className='bg-black pb-20 pt-32'>
         <FramerSalesPage />