refactor(custom-scroll): inlince scrollbar css & clean up

src/containers/tool/Drawer/Content/DesktopView.tsx

@@ -1,6 +1,5 @@
 import { FC, useEffect, useRef, memo } from 'react'
 
-import 'overlayscrollbars/styles/overlayscrollbars.css'
 import { useOverlayScrollbars } from 'overlayscrollbars-react'
 
 import { DRAWER_SCROLLER } from '@/constant/dom'

src/widgets/CustomScroller/VerticalScroller.tsx

@@ -5,7 +5,6 @@
  */
 
 import { FC, useState, Fragment, useCallback, memo } from 'react'
-import 'overlayscrollbars/styles/overlayscrollbars.css'
 
 // NOTE: do not use ViewportTracker here, it cause crash
 import { Waypoint } from 'react-waypoint'

src/widgets/CustomScroller/index.tsx

@@ -3,7 +3,7 @@ import { FC, ReactNode, memo } from 'react'
 import type { TSizeSML } from '@/spec'
 import type { TDirection, TScrollDirection } from './spec'
 
-import HorizontalScroller from './HorizontalScroller'
+// import HorizontalScroller from './HorizontalScroller'
 import VerticalScroller from './VerticalScroller'
 
 export type TProps = {
@@ -30,11 +30,7 @@ export type TProps = {
 }
 
 const CustomScroller: FC<TProps> = ({ children, direction = 'vertical', ...restProps }) => {
-  return direction === 'vertical' ? (
-    <VerticalScroller {...restProps}>{children}</VerticalScroller>
-  ) : (
-    <HorizontalScroller {...restProps}>{children}</HorizontalScroller>
-  )
+  return <VerticalScroller {...restProps}>{children}</VerticalScroller>
 }
 
 export default memo(CustomScroller)