Add Loader while metadata is being fetched in Workflow Settings

[S-ayanide]

What happened: The Workflow Settings Component doesn't show a loader while the details of the workflow are being fetched due to slower networks, instead, it has an empty text field and a blank avatar.

What you expected to happen: The Stepper UI component should be loaded but the Text Field and the Avatar section should consist of a loader while the data is being fetched. Also, the Next button should be disabled while the fetch isn't completed.

How to reproduce it (as minimally and precisely as possible): Toggle throttle slow network on the browser and navigate to the Workflow Settings page.

[ZiadAliKhalifa]

Can I take this?

[punithnayak]

Hey @S-ayanide can you assign me so that I can raise The pr
My previous contribution in Wikimedia Foundation
https://gerrit.wikimedia.org/r/q/punit

[punithnayak]

Hey @S-ayanide when the network is offline we are getting the loader is seen