Move in progress apps temporarily

fix/leafcutter/components/Button.tsx

@@ -0,0 +1,40 @@
+import { FC } from "react";
+import Link from "next/link";
+import { Button as MUIButton } from "@mui/material";
+import { useAppContext } from "./AppProvider";
+
+interface ButtonProps {
+  text: string;
+  color: string;
+  href: string;
+}
+
+export const Button: FC<ButtonProps> = ({ text, color, href }) => {
+  const {
+    colors: { white, almostBlack },
+  } = useAppContext();
+
+  return (
+    <Link href={href} passHref>
+      <MUIButton
+        variant="contained"
+        disableElevation
+        sx={{
+          fontFamily: "Poppins, sans-serif",
+          fontWeight: 700,
+          color:
+            color === white
+              ? `${almostBlack} !important`
+              : `${white} !important`,
+          borderRadius: 999,
+          backgroundColor: color,
+          padding: "6px 30px",
+          margin: "20px 0px",
+          whiteSpace: "nowrap",
+        }}
+      >
+        {text}
+      </MUIButton>
+    </Link>
+  );
+};