refactor CookieConsent component for improved code readability and consistency

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/components/CookieConsent/index.js

@@ -1,11 +1,11 @@
 
 import React, { useEffect, useState } from "react";
 import {
-    Snackbar,
-    Typography,
-    Box,
-    Paper,
-    Stack,
+  Snackbar,
+  Typography,
+  Box,
+  Paper,
+  Stack,
 } from "@mui/material";
 
 
@@ -17,72 +17,72 @@ const StyledContainer = styled.div`
    background-color: ${props => props.theme.elevationColor};
    color: ${props => props.theme.text};
    }
-`
+`;
 
 
 const CookieConsent = () => {
-    const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(false);
 
-    useEffect(() => {
-        const consent = localStorage.getItem("cookie_consent");
-        if (!consent) {
-            setOpen(true);
-        }
-    }, []);
+  useEffect(() => {
+    const consent = localStorage.getItem("cookie_consent");
+    if (!consent) {
+      setOpen(true);
+    }
+  }, []);
 
-    const handleResponse = (response) => {
-        localStorage.setItem("cookie_consent", response);
-        setOpen(false);
-    };
+  const handleResponse = (response) => {
+    localStorage.setItem("cookie_consent", response);
+    setOpen(false);
+  };
 
-    return (
-        <Snackbar
-            open={open}
-            anchorOrigin={{ vertical: "bottom", horizontal: "center" }}
+  return (
+    <Snackbar
+      open={open}
+      anchorOrigin={{ vertical: "bottom", horizontal: "center" }}
+    >
+      <StyledContainer>
+        <Paper
+          elevation={6}
+          sx={{
+            p: 2,
+            maxWidth: 620,
+            borderRadius: 2,
+          }}
+          className="paper-container"
         >
-            <StyledContainer>
-                <Paper
-                    elevation={6}
-                    sx={{
-                        p: 2,
-                        maxWidth: 620,
-                        borderRadius: 2,
-                    }}
-                    className="paper-container"
-                >
-                    <Stack spacing={2}>
-                        <Typography variant="body2" >
+          <Stack spacing={2}>
+            <Typography variant="body2" >
                             We use cookies to enhance your browsing experience. By clicking
                             "Accept", you consent to our use of cookies. Read more in our{" "}
-                            <a href="/company/legal/privacy" target="_blank" rel="noopener noreferrer">
+              <a href="/company/legal/privacy" target="_blank" rel="noopener noreferrer">
                                 Privacy Policy
-                            </a>
+              </a>
                             .
-                        </Typography>
+            </Typography>
 
-                        <Box display="flex" justifyContent="flex-end" gap={1}>
-                            <Button
-                                variant="outlined"
-                                size="small"
-                                $outlined
-                                onClick={() => handleResponse("declined")}
-                            >
+            <Box display="flex" justifyContent="flex-end" gap={1}>
+              <Button
+                variant="outlined"
+                size="small"
+                $outlined
+                onClick={() => handleResponse("declined")}
+              >
                                 Decline
-                            </Button>
-                            <Button
-                                variant="contained"
-                                size="small"
-                                $secondary
-                                onClick={() => handleResponse("accepted")}
-                            >
+              </Button>
+              <Button
+                variant="contained"
+                size="small"
+                $secondary
+                onClick={() => handleResponse("accepted")}
+              >
                                 Accept
-                            </Button>
-                        </Box>
-                    </Stack>
-                </Paper>
-            </StyledContainer>
-        </Snackbar>
-    );
+              </Button>
+            </Box>
+          </Stack>
+        </Paper>
+      </StyledContainer>
+    </Snackbar>
+  );
 };
 
 export default CookieConsent;