fix hidden pivot table scroll bar in QB (#47629)

* fix hidden pivot table scroll bar in QB

* Update Loki Snapshots

* Update Loki Snapshots

---------

Co-authored-by: Metabase Automation <github-automation@metabase.com>

frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.stories.tsx

@@ -60,6 +60,7 @@ export const HorizontalScroll43215: Story = () => {
         <PivotTableTestWrapper
           data={PIVOT_3_ROWS_NO_COLUMNS.data}
           initialSettings={PIVOT_3_ROWS_NO_COLUMNS.initialSettings}
+          isEditing
         />
       </Box>
     </VisualizationWrapper>
@@ -75,6 +76,24 @@ export const OuterHorizontalScroll: Story = () => {
           initialSettings={PIVOT_3_ROWS_NO_COLUMNS.initialSettings}
           containerWidth
           containerHeight
+          isEditing
+        />
+      </Box>
+    </VisualizationWrapper>
+  );
+};
+
+export const NoOuterHorizontalScroll: Story = () => {
+  return (
+    <VisualizationWrapper>
+      <Box h="400px" w="320px">
+        <PivotTableTestWrapper
+          data={PIVOT_3_ROWS_NO_COLUMNS.data}
+          initialSettings={PIVOT_3_ROWS_NO_COLUMNS.initialSettings}
+          containerWidth
+          containerHeight
+          isEditing
+          isDashboard
         />
       </Box>
     </VisualizationWrapper>

frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.styled.tsx

@@ -147,7 +147,7 @@ interface PivotTableRootProps {
   isDashboard?: boolean;
   isNightMode?: boolean;
   shouldOverflow?: boolean;
-  isEditing?: boolean;
+  shouldHideScrollbars?: boolean;
 }
 
 export const PivotTableRoot = styled.div<PivotTableRootProps>`
@@ -164,7 +164,7 @@ export const PivotTableRoot = styled.div<PivotTableRootProps>`
       : null}
 
   ${props =>
-    props.isEditing
+    props.shouldHideScrollbars
       ? css`
           & {
             user-select: none;

frontend/src/metabase/visualizations/visualizations/PivotTable/PivotTable.tsx

@@ -346,7 +346,7 @@ function _PivotTable({
   return (
     <PivotTableRoot
       shouldOverflow={shouldOverflow}
-      isEditing={isEditing}
+      shouldHideScrollbars={isEditing && isDashboard}
       isDashboard={isDashboard}
       isNightMode={isNightMode}
       data-testid="pivot-table"