Merge branch 'main' into main

Author: Stonebanks-js

src/pages/EditorComponent.js

@@ -60,6 +60,7 @@ const OutputLayout = styled("div")(({ theme }) => ({
   backgroundColor: theme.palette.background.paper,
   height: "50vh",
   margin: "1rem 0",
+  overflow: "auto",
   border: `2px solid ${theme.palette.divider}`,
   borderRadius: "1rem",
   "@media (min-width: 1024px)": {
@@ -73,6 +74,10 @@ const WelcomeText = styled("span")(({ theme }) => ({
   fontWeight: "bold",
 }));
 
+const decodeFormat = (data) => {
+  return data ? atob(data).split("\n") : [];
+}
+
 function EditorComponent() {
   const [code, setCode] = useState("");
   const [output, setOutput] = useState([]);