fix: apply global styles to body to prevent scroll rubber-band

Author: elainefan331

public/img/section1_logo_contained.png

@@ -116,7 +116,7 @@
     <!-- Google tag (gtag.js) -->
     <script
       async
-      src="https://www.googletagmanager.com/gtag/js?id=G-J4WYV02Q5B"
+      src="https://www.googletagmanager.com/gtag/js?id=G-F0BKEF4Y2R"
     ></script>
     <script>
       window.dataLayer = window.dataLayer || [];
@@ -125,7 +125,7 @@
       }
       gtag("js", new Date());
 
-      gtag("config", "G-J4WYV02Q5B");
+      gtag("config", "G-F0BKEF4Y2R");
     </script>
   </body>
 </html>

public/img/test1.png

@@ -1,3 +1,4 @@
+import { GlobalStyles } from "@mui/material";
 import { ThemeProvider } from "@mui/material/styles";
 import Routes from "components/Routes";
 import theme from "design/theme";
@@ -6,6 +7,13 @@ import { BrowserRouter } from "react-router-dom";
 const App = () => {
   return (
     <ThemeProvider theme={theme}>
+      <GlobalStyles
+        styles={{
+          body: {
+            overscrollBehavior: "none",
+          },
+        }}
+      />
       <BrowserRouter basename={process.env.PUBLIC_URL}>
         <Routes />
       </BrowserRouter>

public/index.html

@@ -42,7 +42,7 @@ const DatabasePage: React.FC = () => {
 
   return (
     <Container maxWidth="lg">
-      <Box sx={{ padding: { xs: 2, md: 4 } }}>
+      <Box sx={{ padding: { xs: 2, md: 4 }, marginTop: { xs: 4 } }}>
         <Typography variant="h1" gutterBottom sx={{ color: Colors.green }}>
           Databases
         </Typography>
@@ -88,7 +88,6 @@ const DatabasePage: React.FC = () => {
                     boxShadow: 3,
                   },
                 }}
-                // onClick={() => navigate(`/databases/${db.id}`)}
                 onClick={() => navigate(`${RoutesEnum.DATABASES}/${db.id}`)}
               >
                 <Typography variant="h6" component="span">

src/App.tsx

@@ -77,6 +77,7 @@ const SearchPage: React.FC = () => {
         );
         const parsed = JSON.parse(decoded);
         setFormData(parsed);
+        setAppliedFilters(parsed);
         const requestData = { ...parsed, skip: 0, limit: 50 };
         setSkip(0);
         setHasSearched(true);