Added some styling to monitor details page

Client/src/Components/BasicTable/index.css

@@ -67,6 +67,9 @@
   color: var(--env-var-color-5);
   padding: 6px var(--env-var-spacing-2);
 }
+.MuiTable-root .MuiTableBody-root .MuiTableRow-root {
+  height: 50px;
+}
 
 .MuiPaper-root + .MuiPagination-root {
   flex: 1;

Client/src/Layouts/HomeLayout/index.css

@@ -8,6 +8,6 @@
 
 .main-content>div:nth-child(2){
   position: relative;
-  overflow-y: auto;
+  /* overflow-y: auto; */
   flex: 1;
 }

Client/src/Pages/Details/index.jsx

@@ -106,7 +106,15 @@ const DetailsPage = () => {
   };
 
   return (
-    <div>
+    <div
+      className="monitor-details"
+      style={{
+        padding: `${theme.content.pY} ${theme.content.pX}`,
+      }}
+    >
+      <Typography component="h1" mb={theme.gap.small}>
+        History
+      </Typography>
       <BasicTable data={data} paginated={true} />
     </div>
   );