Improved the loading state UI in the Form Renderer Component

[malak-elbanna]

Changes Made

Animated Loading Indicator

• Replaced the InlineLoading component with the Loading component from the Carbon Design System.
• The new loading indicator is animated and provides a visual to the user during the loading process.

User Feedback

• Added a text message below the loading indicator to inform the user that the form is currently loading.
• The message is localized support multiple languages using the useTranslation hook.

No Overlay

• Configured the Loading component to display without an overlay.

Conclusion

The updated loading state in the FormRenderer component aims to create a more pleasant and engaging user experience during form loading times. By providing an animated loading indicator and a descriptive message, users are kept informed and assured that the application is actively working to load the necessary resources.

Related Issue

#237

[CynthiaKamau]

Thanks @malak-elbanna , kindly address the conflicts

[malak-elbanna]

Thanks @malak-elbanna , kindly address the conflicts

Resolved! Thank you

[hadijahkyampeire]

@malak-elbanna there are new conflicts, please resolve them as well.