add loan request/change structure and documentary/ making middle ware for user type/update breadcrumb

src/core/components/SelectBox.jsx

@@ -10,6 +10,8 @@ function SelectBox({
                        error,
                        helperText,
                    }) {
+
+    const selectId = String(select);
     const handleChange = (event) => {
         setFieldValue(selectType, event.target.value);
     };
@@ -28,8 +30,8 @@ function SelectBox({
             <InputLabel id="language-label">{label}</InputLabel>
             <Select
                 labelId="language-label"
-                id={select}
-                name={select}
+                id={selectId}
+                name={selectId}
                 size="small"
                 value={select}
                 onChange={handleChange}