feat(Datamapper): Implement virtual scrolling

[lordrip]

Context

Currently, when there are multiple nodes and mappings, manipulating the Data mapper feels laggy.

Changes

• Remove the useCanvas hook and datamapper-canvas-provider provider
• Introduce virtual scrolling via the React Virtuoso library
• Simplify the mapping links generation
• Introduce connection port elements positioned by CSS so we don't need to perform as many calculations in the main loop
• Introduce a useConnectionPortSync hook to update the connection ports' positions in batch

fix: #2396

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
3 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.2% Duplication on New Code

See analysis details on SonarQube Cloud

[codecov]

Codecov Report

❌ Patch coverage is 92.74809% with 19 lines in your changes missing coverage. Please review.
✅ Project coverage is 89.64%. Comparing base (2cddd36) to head (f33b197).
⚠️ Report is 2 commits behind head on main.

Files with missing lines	Patch %	Lines
...ages/ui/src/providers/dnd/DataMapperDndMonitor.tsx	0.00%	7 Missing ⚠️
...es/ui/src/components/View/MappingLinkContainer.tsx	90.62%	3 Missing ⚠️
...s/ui/src/providers/data-mapping-links.provider.tsx	57.14%	3 Missing ⚠️
packages/ui/src/utils/get-nearest-visible-port.ts	88.00%	3 Missing ⚠️
packages/ui/src/services/mapping-links.service.ts	87.50%	2 Missing ⚠️
packages/ui/src/store/document-tree.store.ts	94.11%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2954      +/-   ##
==========================================
- Coverage   89.70%   89.64%   -0.06%     
==========================================
  Files         561      561              
  Lines       20895    20801      -94     
  Branches     4884     4684     -200     
==========================================
- Hits        18743    18647      -96     
- Misses       2025     2152     +127     
+ Partials      127        2     -125     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.