Moving components and creating jsconfig

src/components/Common/BaseButton/BaseButton.jsx

@@ -1,8 +1,8 @@
 import React from "react";
 
-import classes from "./button.module.scss";
+import classes from "./basebutton.module.scss";
 
-export const Button = ({ children, styles, ...props }) => {
+export const BaseButton = ({ children, styles, ...props }) => {
   return (
     <button
       className={styles ? `${styles} ${classes.button}` : classes.button}
@@ -13,4 +13,4 @@ export const Button = ({ children, styles, ...props }) => {
   );
 };
 
-export default Button;
+export default BaseButton;

src/components/Common/ModalLayout/ModalLayout.jsx

@@ -2,11 +2,18 @@ import React from "react";
 
 import "./modalLayout.scss";
 
-export const ModalLayout = ({ active, setActive, children, styles }) => {
+export const ModalLayout = ({
+  active,
+  setActive,
+  children,
+  styles,
+  ...props
+}) => {
   return (
     <div
       className={active ? `modal-layout active` : "modal-layout"}
       onClick={() => setActive(false)}
+      {...props}
     >
       <div
         className={