✨ Add Loading Display for Workflow Operations

[MFA-X-AI]

Description

This PR introduces a loading interface for operations that may require extended loading times, such as node reloading and component fetching. The loading interface is designed to be extendable, allowing for easy integration by wrapping any Promise. Additionally, it offers customization options for setting the minimum time for it to trigger the loading animation and its display duration.

Changes include:

• Addition of triggerLoadingAnimationSignal to manage loading animations, enhancing user feedback during longer operations.
• Creation of BaseComponentLibrary.tsx to standardize the creation of 'Start' and 'Finish' nodes.
• UI enhancements with the introduction of a new loading indicator component, providing clear visual feedback during loading processes.
• Integration of the loading animation trigger into the command system and context menu, allowing for seamless operation within the Xircuits environment.
• Addition of CSS styles for the new loading indicator, ensuring visual alignment with the existing UI design.

This PR also updates the Xircuits canvas to enable the reloading of the Finish node with updated dynamic ports, ensuring older Xircuits canvases can be updated.

Pull Request Type

• Xircuits Core (Jupyterlab Related changes)
• Xircuits Canvas (Custom RD Related changes)
• Xircuits Component Library
• Xircuits Project Template
• Testing Automation
• Documentation
• Others (Please Specify)

Type of Change

• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Tests

The changes were tested to ensure that the new loading animation behaves as expected during node reloading and component fetching operations. Additionally, the creation of 'Start' and 'Finish' nodes using the new base component library was verified for correctness and stability.

Tests

1. Trigger a node reload operation to observe the loading animation. You can set the CPU to be 6x slower + reload all.
2. Verify that older canvases 'Finish' nodes are correctly updated using the base component library.
3. Ensure no regression in existing functionalities.

Tested on?

• Windows
• Linux Ubuntu
• Centos
• Mac
• Others (State here -> xxx )

[github-actions]

👈 Launch a binder notebook on branch XpressAI/xircuits/fahreza/reload-update