update: Replace reactflow with @xyflow/react and Update Dependencies

[pradeepkaswan]

Description:

This pull request includes the following changes:

1. Dependency Update:

   • Added @xyflow/react as a dependency.
   • Replaced imports from reactflow with @xyflow/react in multiple components.

2. Dependency Removal:

   • Removed reactflow dependency and its related code from the project.

3. Type Definitions Update:

   • Updated type definitions for nodes and edges to align with the new library.

4. Code Refactoring:

   • Minor refactoring for improved code clarity and consistency in the following components:
     • SettingsDataModelOverview
     • SettingsDataModelOverviewEffect
     • SettingsDataModelOverviewField
     • SettingsDataModelOverviewObject

5. Dependency Files Update:

   • Updated package.json and yarn.lock to reflect the changes in dependencies.

Additional Notes:

• These changes ensure that the project is now using the @xyflow/react library instead of reactflow.
• The refactoring improves code readability and maintains consistency across the components.
• Please review the changes and provide any feedback or suggestions.

Testing:

• The changes have been tested locally and verified to work as expected.

Checklist:

• [x] Added @xyflow/react as a dependency.
• [x] Replaced reactflow imports with @xyflow/react.
• [x] Removed reactflow dependency.
• [x] Updated type definitions for nodes and edges.
• [x] Refactored components for improved clarity and consistency.
• [x] Updated package.json and yarn.lock.
• [x] Tested the changes locally.

Related Issue

Fixes #6662