Update dependencies, add copy and adjust UI

This commit updates the version of Next.js along with a series of other dependencies outlined in the pnpm-lock.yaml file. The new copy "For each {{unit}}" has been added to the billing.json file and several adjustments have been made in the UI components. In particular, a separator has been added, animations have been set to re-run on re-render for certain elements, and the PricingTable component has been added.

apps/web/app/(marketing)/layout.tsx

@@ -1,4 +1,5 @@
 import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
+import { Separator } from '@kit/ui/separator';
 
 import { SiteFooter } from '~/(marketing)/_components/site-footer';
 import { SiteHeader } from '~/(marketing)/_components/site-header';
@@ -13,6 +14,8 @@ async function SiteLayout(props: React.PropsWithChildren) {
 
       {props.children}
 
+      <Separator />
+
       <SiteFooter />
     </>
   );

apps/web/app/(marketing)/page.tsx

@@ -3,9 +3,12 @@ import Link from 'next/link';
 
 import { ChevronRight } from 'lucide-react';
 
+import { PricingTable } from '@kit/billing-gateway/components';
 import { Button } from '@kit/ui/button';
 import { Heading } from '@kit/ui/heading';
 
+import billingConfig from '~/config/billing.config';
+import pathsConfig from '~/config/paths.config';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
 function Home() {
@@ -198,7 +201,14 @@ function Home() {
             </div>
           </div>
 
-          <div className={'w-full'}></div>
+          <div className={'w-full'}>
+            <PricingTable
+              config={billingConfig}
+              paths={{
+                signUp: pathsConfig.auth.signUp,
+              }}
+            />
+          </div>
         </div>
       </div>
     </div>