fixing bugs

Client/src/Components/Button/index.jsx

@@ -48,10 +48,11 @@ const levelConfig = {
  * <Button type="submit" level="error" label="Error" disabled sx={{marginTop: "1rem"}}/>
  */
 
-const Button = ({ type, level, label, disabled, img, onClick, sx }) => {
+const Button = ({ id, type, level, label, disabled, img, onClick, sx }) => {
   const { variant, color } = levelConfig[level];
   return (
     <MuiButton
+      id={id}
       type={type}
       variant={variant}
       color={color}
@@ -72,6 +73,7 @@ const Button = ({ type, level, label, disabled, img, onClick, sx }) => {
 };
 
 Button.propTypes = {
+  id: PropTypes.string,
   type: PropTypes.string,
   level: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,

Client/src/Components/RadioButton/index.css

@@ -0,0 +1,3 @@
+.MuiButtonBase-root.MuiRadio-root.MuiRadio-colorPrimary.PrivateSwitchBase-root.MuiRadio-root.MuiRadio-colorPrimary.MuiRadio-root.MuiRadio-colorPrimary.css-w5ovia-MuiButtonBase-root-MuiRadio-root {
+  padding-top: 0;
+}

Client/src/Components/RadioButton/index.jsx

@@ -19,6 +19,7 @@
 
 import { FormControlLabel, Radio } from "@mui/material";
 import React from "react";
+import "./index.css";
 import PropTypes from "prop-types";
 
 function RadioButton(props) {