update scrolling

frontend/src/components/IconBar.tsx

@@ -25,10 +25,10 @@ export default function IconBar(): JSX.Element {
   const maxDate = useAppSelector((state) => state.dataSelection.maxDate);
 
   const toggleFullscreen = () => {
-    if (fsApi.isFullscreenEnabled) {
-      void fsApi.disableFullscreen();
+    if (fsApi?.isFullscreen) {
+      void fsApi?.exit();
     } else {
-      void fsApi.enableFullscreen();
+      void fsApi?.request();
     }
   };
 

frontend/src/components/Scenario/CompartmentList.tsx

@@ -67,6 +67,7 @@ export default function CompartmentList(): JSX.Element {
         paddingTop: theme.spacing(2),
         paddingLeft: 0,
         paddingRight: 0,
+        boxShadow: 'inset 0 -10px 10px -10px #000', // Add the box-shadow 
       }}
     >
       <SimulationStartTitle />

frontend/src/components/Scenario/DataCardList.tsx

@@ -127,6 +127,7 @@ export default function DataCardList(): JSX.Element {
         overflowX: 'auto',
         marginLeft: theme.spacing(3),
         minWidth: '400px',
+        boxShadow: 'inset 0 -10px 10px -10px #000', // Add the box-shadow stylecd 
       }}
     >
       <CaseDataCard