CFE-10 disable submit button in role management

src/components/dashboard/role-management/Form/CreateForm/CreateContent.jsx

@@ -143,7 +143,7 @@ const CreateContent = ({mutate, setOpenConfirmDialog}) => {
                     {t("AddDialog.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("AddDialog.button-add")}
                 </Button>
             </DialogActions>

src/components/dashboard/role-management/Form/UpdateForm/UpdateContent.jsx

@@ -143,7 +143,7 @@ const UpdateContent = ({mutate, row, setOpenConfirmDialog}) => {
                     {t("UpdateDialog.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("UpdateDialog.button-update")}
                 </Button>
             </DialogActions>