feat: add scrollable buttons to code blocks on mobile screen size

Author: elainefan331

src/components/DatasetDetailPage/LoadDatasetTabs.tsx

@@ -173,6 +173,7 @@ const LoadDatasetTabs: React.FC<LoadDatasetTabsProps> = ({
         onChange={handleTabChange}
         variant="scrollable"
         scrollButtons="auto"
+        allowScrollButtonsMobile
         sx={{
           "& .MuiTab-root": {
             color: Colors.lightGray, // default color
@@ -186,6 +187,12 @@ const LoadDatasetTabs: React.FC<LoadDatasetTabsProps> = ({
           "& .MuiTabs-indicator": {
             backgroundColor: Colors.green,
           },
+          "& .MuiTabs-scrollButtons": {
+            color: Colors.lightGray, // scroll buttons color
+          },
+          "& .MuiTabs-scrollButtons.Mui-disabled": {
+            opacity: 0.3, // darker when button disabled
+          },
         }}
       >
         <Tab label="Python (REST API)" />