update pay function

boilerplate-chakra-pro-main/components/layout/innerContent.jsx

@@ -0,0 +1,17 @@
+import { Flex } from '@chakra-ui/react';
+import React from 'react';
+
+export default function InnerContent(props) {
+  const { children, ...rest } = props;
+  return (
+    <Flex
+      direction={{ base: 'column' }}
+      maxW={{ xl: '1170px' }}
+      align="center"
+      mx="auto"
+      {...rest}
+    >
+      {children}
+    </Flex>
+  );
+}