fix(mobile): hide scrollbar (#9144)

fix AF-1934

packages/frontend/component/src/ui/scrollbar/index.css.ts

@@ -53,6 +53,11 @@ export const scrollbar = style({
     },
   },
 });
+
+export const mobileScrollbar = style({
+  display: 'none',
+});
+
 export const TableScrollbar = style({
   marginTop: '60px',
   height: 'calc(100% - 120px)',

packages/frontend/component/src/ui/scrollbar/scrollable.tsx

@@ -48,7 +48,10 @@ export const ScrollableScrollbar = forwardRef<
       orientation="vertical"
       {...props}
       ref={ref}
-      className={clsx(className, styles.scrollbar)}
+      className={clsx(
+        className,
+        BUILD_CONFIG.isMobileEdition ? styles.mobileScrollbar : styles.scrollbar
+      )}
     >
       <ScrollArea.Thumb className={styles.scrollbarThumb} />
       {children}