refactor:added notification message for current step data in contentMapper function of migration component

Author: AishDani

ui/src/pages/Migration/index.tsx

@@ -623,12 +623,22 @@ const Migration = () => {
         }
       });
     } else {
-      event.preventDefault();
-      const url = `/projects/${projectId}/migration/steps/4`;
-      navigate(url, { replace: true });
 
-      await updateCurrentStepData(selectedOrganisation.value, projectId);
-      handleStepChange(3);
+      const res = await updateCurrentStepData(selectedOrganisation.value, projectId);
+      if (res?.status === 200) {
+        setIsLoading(false);
+        event.preventDefault();
+        handleStepChange(3);
+        const url = `/projects/${projectId}/migration/steps/4`;
+        navigate(url, { replace: true });
+      } else {
+        setIsLoading(false);
+        Notification({
+          notificationContent: { text: res?.data?.error?.message },
+          type: 'error'
+        });
+      }
+
     }
   };
 
@@ -722,7 +732,7 @@ const Migration = () => {
       <div className="steps-wrapper">
         <HorizontalStepper
           ref={stepperRef}
-          steps={createStepper(projectData ?? defaultMigrationResponse, handleClick)}
+          steps={createStepper(projectData ?? defaultMigrationResponse, handleStepChange)}
           handleSaveCT={saveRef?.current?.handleSaveContentType}
           changeDropdownState={changeDropdownState}
           projectData={projectData || defaultMigrationResponse}