Light UI style updates

Client/src/Pages/Incidents/IncidentTable/index.jsx

@@ -109,6 +109,7 @@ const IncidentTable = ({ monitors, selectedMonitor, filter }) => {
             {...item}
           />
         )}
+        sx={{ mt: "auto" }}
       />
     );
   }

Client/src/Pages/Incidents/index.jsx

@@ -54,7 +54,7 @@ const Incidents = () => {
   };
 
   return (
-    <Stack className="incidents" pt={theme.spacing(20)} gap={theme.spacing(12)}>
+    <Stack className="incidents" pt={theme.spacing(6)} gap={theme.spacing(12)}>
       {loading ? (
         <SkeletonLayout />
       ) : (

Client/src/Pages/Monitors/Details/index.jsx

@@ -217,6 +217,11 @@ const DetailsPage = ({ isAdmin }) => {
                   onClick={openCertificate}
                   sx={{
                     cursor: "pointer",
+                    "& svg": {
+                      width: 23,
+                      height: 23,
+                      top: "52%",
+                    },
                   }}
                 >
                   <CertificateIcon />

Client/src/Pages/Monitors/Home/MonitorTable/index.jsx

@@ -223,8 +223,6 @@ const MonitorTable = ({ isAdmin }) => {
                 status: determineState(monitor),
               };
 
-              console.log(params);
-
               return (
                 <TableRow
                   key={monitor._id}

Client/src/Pages/PageSpeed/Details/index.jsx

@@ -339,8 +339,8 @@ const PageSpeedDetails = () => {
               </Stack>
               <Stack
                 flexWrap="wrap"
-                mt={theme.spacing(8)}
-                gap={theme.spacing(3)}
+                mt={theme.spacing(4)}
+                gap={theme.spacing(4)}
               >
                 {Object.keys(audits).map((key) => {
                   if (key === "_id") return;
@@ -374,7 +374,7 @@ const PageSpeedDetails = () => {
                       key={`${key}-box`}
                       justifyContent="space-between"
                       direction="row"
-                      gap={theme.spacing(3)}
+                      gap={theme.spacing(4)}
                       p={theme.spacing(3)}
                       border={1}
                       borderColor={theme.palette.border.light}

Client/src/assets/icons/certificate.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21 10H3M21 12.5V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22H12M16 2V6M8 2V6M14.5 19L16.5 21L21 16.5" stroke="black" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<path d="M6.5 20H5C3.89543 20 3 19.1046 3 18V4C3 2.89543 3.89543 2 5 2H19C20.1046 2 21 2.89543 21 4V18C21 19.1046 20.1046 20 19 20H17.5M12 19C13.6569 19 15 17.6569 15 16C15 14.3431 13.6569 13 12 13C10.3431 13 9 14.3431 9 16C9 17.6569 10.3431 19 12 19ZM12 19L12.0214 18.9998L8.82867 22.1926L6.00024 19.3641L9.01965 16.3447M12 19L15.1928 22.1926L18.0212 19.3641L15.0018 16.3447M9 6H15M7 9.5H17" stroke="#475466" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>