update pay function

boilerplate-chakra-pro-main/components/link/LinkButton.tsx

@@ -0,0 +1,20 @@
+'use client';
+import Link, { LinkProps } from 'next/link';
+import { Button, ButtonProps } from '@chakra-ui/react';
+
+type ChakraAndNextProps = ButtonProps & LinkProps;
+
+export default function LinkButton({
+  href,
+  children,
+  prefetch = true,
+  ...props
+}: ChakraAndNextProps) {
+  return (
+    <Link href={href} passHref prefetch={prefetch}>
+      <Button as="a" variant="a" {...props}>
+        {children}
+      </Button>
+    </Link>
+  );
+}