add menuButton to chakra theme

frontend/src/Theme/MenuButton/index.js

@@ -0,0 +1,26 @@
+const mobileVariant = () => {
+  return {
+    _active: {
+      backgroundColor: "black.300 !important",
+      color: "white",
+      textDecoration: "none",
+    },
+    _focus: {
+      backgroundColor: "black.300",
+      color: "white",
+      textDecoration: "none",
+    },
+    color: "white",
+    fontSize: "sm",
+    margin: "0px",
+    padding: "0px",
+  };
+};
+
+const MenuButton = {
+  variants: {
+    mobile: mobileVariant,
+  },
+};
+
+export default MenuButton;

frontend/src/Theme/theme.js

@@ -2,6 +2,7 @@ import { extendTheme } from "@chakra-ui/react";
 import Button from "./Button";
 import Tag from "./Tag";
 import Menu from "./Menu";
+import MenuButton from "./MenuButton";
 import Input from "./Input";
 // import Spinner from "./Spinner";
 import NumberInput from "./NumberInput";
@@ -59,6 +60,7 @@ const theme = extendTheme({
     Spinner,
     Tooltip,
     Heading,
+    MenuButton,
   },
 
   fonts: {