use request and grid instead of box

src/core/components/SelectBox.jsx

@@ -8,6 +8,7 @@ function SelectBox({
                        setFieldValue,
                        setFieldTouched,
                        error,
+                       onBlur,
                        helperText,
                    }) {
 
@@ -15,9 +16,6 @@ function SelectBox({
     const handleChange = (event) => {
         setFieldValue(selectType, event.target.value);
     };
-    const handleBlur = () => {
-        setFieldTouched(select, true);
-    };
     return (
         <FormControl
             variant="outlined"
@@ -29,14 +27,14 @@ function SelectBox({
         >
             <InputLabel id="language-label">{label}</InputLabel>
             <Select
-                labelId="language-label"
                 id={selectId}
+                label={label}
                 name={selectId}
                 size="small"
                 value={select}
                 onChange={handleChange}
-                label="Language"
-                onBlur={handleBlur}
+                onBlur={onBlur}
+
             >
                 {selectors.map((selector) => (
                     <MenuItem key={selector.id} value={selector.value}>