update 6 files

src/components/Checklist/index.js

@@ -6,7 +6,7 @@ import CustomSelectBox from "../CustomSelectBox";
 
 const Checklist = () => {
   return (
-    <div className="w-full flex flex-row items-start justify-between mx-auto divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-start justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5">
         <p className=" font-bold text-blue-600 text-left text-xs mb-2">
           تابع انتخاب

src/components/Condition/index.js

@@ -3,7 +3,7 @@ import CustomSelectBox from "../CustomSelectBox";
 
 const Condition = () => {
   return (
-    <div className="w-full flex flex-row items-center justify-between mx-auto rounded-sm shadow-sm divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-center justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5 ">
         <div className="font-bold text-center p-4 rounded-sm border border-[#DBDBDB] text-[#333333]">
           اینجا قرار است بیام از react-monaco-editor استفاده کنم{" "}

src/components/Mokatebat/index.js

@@ -9,7 +9,7 @@ const Mokatebat = () => {
   const { register, getValues } = useForm();
 
   return (
-    <div className="w-full flex flex-row items-start justify-between mx-auto divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-start justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5">
         <div className="flex flex-col gap-y-4">
           <CustomSelectBox

src/components/Questions/index.js

@@ -6,7 +6,7 @@ const Questions = () => {
   // const [selectedQuestion, setSelectedQuestion] = useState(null);
 
   return (
-    <div className=" w-full">
+    <div className="w-full">
       <CustomSelectBox
         options={[
           { title: "انتخاب سوال" },

src/components/Settingss/index.js

@@ -10,7 +10,7 @@ const Settingss = ({ status }) => {
   const { register } = useForm();
 
   return (
-    <div className="w-full flex flex-row items-start justify-between mx-auto  divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-start justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col gap-y-7 pl-5">
         <CustomSelectBox
           options={[

src/components/Tavabee/index.js

@@ -3,7 +3,7 @@ import CustomSelectBox from "../CustomSelectBox";
 
 const Tavabee = () => {
   return (
-    <div className="w-full flex flex-row items-center justify-between mx-auto rounded-sm shadow-sm divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+    <div className="w-full flex flex-row items-center justify-between divide-x-2 divide-[#E3E3E3] divide-x-reverse">
       <div className="flex-grow flex-1 flex flex-col pl-5">
         <p className="mb-4 mt-2 font-bold text-[#00253A] text-sm">تابع شروع</p>
         <div className="flex flex-col gap-y-7">