update pay function

boilerplate-chakra-pro-main/components/scrollbar/Scrollbar.tsx

@@ -0,0 +1,42 @@
+'use client';
+
+import { Box } from '@chakra-ui/react';
+
+export const renderTrack = ({ style, ...props }: any) => {
+  const trackStyle = {
+    position: 'absolute',
+    maxWidth: '100%',
+    transition: 'opacity 200ms ease 0s',
+    opacity: 0,
+    background: 'transparent',
+    bottom: 2,
+    top: 2,
+    borderRadius: 3,
+    right: 0,
+  };
+  return <div style={{ ...style, ...trackStyle }} {...props} />;
+};
+export const renderThumb = ({ style, ...props }: any) => {
+  const thumbStyle = {
+    borderRadius: 15,
+    background: 'rgba(222, 222, 222, .1)',
+  };
+  return <div style={{ ...style, ...thumbStyle }} {...props} />;
+};
+export const renderView = ({ style, ...props }: any) => {
+  const viewStyle = {
+    width: '100%',
+    marginBottom: -22,
+
+  };
+  return (
+    <Box
+      me={{ base: '0px !important', '2xl': '-16px !important' }}
+      transform="translate(0px, 0px)"
+      boxSizing={'unset'}
+      pe="15px"
+      style={{ ...style, ...viewStyle }}
+      {...props}
+    />
+  );
+};