Fix table header sticky on scroll (#2842)

* [fix/2840]: remove overflow auto on table container

* Add styled divs to maintain table story snapshot parity (#2850)

Co-authored-by: Matt Seddon <[email protected]>

Author: shcheklein

webview/src/experiments/components/table/styles.module.scss

@@ -241,7 +241,6 @@ $bullet-size: calc(var(--design-unit) * 4px);
     padding-left: 1rem;
   }
   .tableContainer {
-    overflow: auto;
     flex: 1;
   }
   .table {

webview/src/stories/Table.stories.tsx

@@ -120,7 +120,9 @@ const Template: Story<{ tableData: TableDataState }> = ({ tableData }) => {
         reducer: experimentsReducers
       })}
     >
-      <Experiments />
+      <div style={{ height: '900px', overflow: 'auto' }}>
+        <Experiments />
+      </div>
     </Provider>
   )
 }
@@ -243,7 +245,7 @@ export const Scrolled: Story<{ tableData: TableDataState }> = ({
         reducer: experimentsReducers
       })}
     >
-      <div style={{ height: 400, width: 600 }}>
+      <div style={{ height: '400px', overflow: 'auto', width: '600px' }}>
         <Experiments />
       </div>
     </Provider>