Remove superfluous react-double-scrollbar (#804)

Co-authored-by: Domino987 <domino051@gmail.com>

package.json

@@ -121,7 +121,6 @@
     "deep-eql": "^4.1.1",
     "deepmerge": "^4.2.2",
     "prop-types": "^15.8.1",
-    "react-double-scrollbar": "0.0.15",
     "uuid": "^9.0.0",
     "zustand": "^4.3.0"
   },

src/components/MTableScrollbar/index.js

@@ -1,29 +1,28 @@
 import React from 'react';
 import { Box } from '@mui/material';
-import DoubleScrollbar from 'react-double-scrollbar';
 
-const horizontalScrollContainer = {
+const doubleStyle = {
   overflowX: 'auto',
-  position: 'relative',
+  position: 'relative'
+};
+
+const singleStyle = {
+  ...doubleStyle,
   '& ::-webkit-scrollbar': {
     WebkitAppearance: 'none'
   },
   '& ::-webkit-scrollbar:horizontal': {
     height: 8
   },
   '& ::-webkit-scrollbar-thumb': {
-    borderRadius: 4,
+    backgroundColor: 'rgba(0, 0, 0, .3)',
     border: '2px solid white',
-    backgroundColor: 'rgba(0, 0, 0, .3)'
+    borderRadius: 4
   }
 };
 
 const ScrollBar = ({ double, children }) => {
-  if (double) {
-    return <DoubleScrollbar>{children}</DoubleScrollbar>;
-  } else {
-    return <Box sx={horizontalScrollContainer}>{children}</Box>;
-  }
+  return <Box sx={double ? doubleStyle : singleStyle}>{children}</Box>;
 };
 
 export default ScrollBar;