chore: update payments empty state link to the payment links page

Author: gregfromstl

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/RecentPaymentsSection.client.tsx

@@ -19,6 +19,8 @@ import { TableRow } from "./PaymentsTableRow";
 export function RecentPaymentsSection(props: {
   client: ThirdwebClient;
   projectClientId: string;
+  teamSlug: string;
+  projectSlug: string;
   teamId: string;
 }) {
   const { data: payPurchaseData, isLoading } = useQuery<
@@ -95,7 +97,10 @@ export function RecentPaymentsSection(props: {
               className="flex items-center gap-2"
               asChild
             >
-              <Link href="/pay" target="_blank">
+              <Link
+                href={`/team/${props.teamSlug}/${props.projectSlug}/payments/links`}
+                target="_blank"
+              >
                 Create Payment Link
                 <ArrowRightIcon className="size-4" />
               </Link>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/page.tsx

@@ -45,6 +45,8 @@ export default async function Page(props: {
           client={client}
           projectClientId={project.publishableKey}
           teamId={project.teamId}
+          projectSlug={params.project_slug}
+          teamSlug={params.team_slug}
         />
         <div className="h-12" />
         <QuickStartSection