change(ui) - role modify/create fetch list and show feedback msg

frontend/app/components/Client/Roles/Roles.tsx

@@ -43,7 +43,11 @@ function Roles(props: Props) {
     }
   }, [removeErrors])
 
-  const closeModal = () => {
+  const closeModal = (showToastMessage) => {
+    if (showToastMessage) {
+      toast.success(showToastMessage)
+      props.fetchList()
+    }
     setShowmModal(false)
     setTimeout(() => {
       init()

frontend/app/components/Client/Roles/components/RoleForm/RoleForm.tsx

@@ -13,7 +13,7 @@ interface Props {
   role: any,
   edit: (role: any) => void,
   save: (role: any) => Promise<void>,
-  closeModal: () => void,
+  closeModal: (toastMessage?: string) => void,
   saving: boolean,
   permissions: Array<Permission>[]
 }
@@ -22,7 +22,7 @@ const RoleForm = ({ role, closeModal, edit, save, saving, permissions }: Props)
   let focusElement = useRef<any>(null)
   const _save = () => {
     save(role).then(() => {
-      closeModal()
+      closeModal(role.exists() ? "Role updated" : "Role created");
     })
   }