fix(AnalyticalTable): fix scrollbars for Firefox and Safari (#4979)

Note: Firefox lacks capabilities for customizing scrollbars, that's why
there might be discrepancies noticeable between browsers.

Fixes #4379

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts

@@ -102,7 +102,7 @@ const styles = {
     position: 'relative',
     overflowX: 'hidden',
     overflowY: 'auto',
-    scrollBarWidth: 'none !important',
+    scrollbarWidth: 'none',
     borderBlockEnd: `1px solid ${ThemingParameters.sapList_TableFooterBorder}`,
     '-ms-overflow-style': 'none',
     '&::-webkit-scrollbar': {

packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx

@@ -26,7 +26,8 @@ const styles = {
     borderBlockEnd: `${CustomThemingParameters.AnalyticalTableHeaderBorderWidth} solid ${ThemingParameters.sapList_HeaderBorderColor}`,
     backgroundColor: ThemingParameters.sapList_HeaderBackground,
     borderInlineStart: `1px solid ${ThemingParameters.sapList_BorderColor}`,
-    marginInlineStart: '-1px'
+    marginInlineStart: '-1px',
+    width: `calc(${ThemingParameters.sapScrollBar_Dimension} + 2px)`
   },
   scrollbar: {
     overflowY: 'auto',