DTRA-2471 / Kate / DND console error

[kate-deriv]

Changes:

Reasons:
TrackJS {"message":"Invariant failed"} was caused by react-beautiful-dnd library, that is used for trade types drag-and-drop functionality. In all logs users were changing the order of trade types and get an error. In dev mode on localhost it's possible to reproduce it and get 'Droppable: unsupported nested scroll container detected.A Droppable can only have one scroll parent (which can be itself)Nested scroll containers are currently not supported.'.
Solutions:
There are 3 ways of solving the issue:

1. To find all parents containers with overflow css property equal to scroll/auto and make them not scrollable. According to the library documentation it's possible to have only 1 scrollable parent, so in my implementation it's action-sheet--content trade-types-dialog__content, because we want to leave trade types scrollable on small screens.
2. Replace library with the new one. react-beautiful-dnd library will be deprecated in 2025 (link1 and link2), so sooner or earlier we need to migrate to another library.
3. Remove warnings and errors from the library (link). with the command window['__react-beautiful-dnd-disable-dev-warnings'] = true; . Not recommended

Screenshots:

Screenshot of the error on localhost

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
deriv-app	✅ Ready (Inspect)	Visit Preview	Dec 19, 2024 8:21am

[coveralls]

Pull Request Test Coverage Report for Build 12408672835

Details

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+0.002%) to 53.917%

---

Totals
Change from base Build 12407631215:	0.002%
Covered Lines:	33033
Relevant Lines:	57094

---

💛 - Coveralls

[github-actions]

A production App ID was automatically generated for this PR. (log)

• PR: DTRA-2471 / Kate / DND console error  #17859
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-kate-deriv-kate-dtra-2471dndlibraryre-e70b2a.binary.sx?qa_server=red.derivws.com&app_id=24041
  • Original: https://deriv-app-git-fork-kate-deriv-kate-dtra-2471dndlibraryre-e70b2a.binary.sx
• App ID: 24041

Click here to copy & paste above information.

- **PR**: [https://github.com/deriv-com/deriv-app/pull/17859](https://github.com/deriv-com/deriv-app/pull/17859)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-kate-deriv-kate-dtra-2471dndlibraryre-e70b2a.binary.sx?qa_server=red.derivws.com&app_id=24041
    - **Original**: https://deriv-app-git-fork-kate-deriv-kate-dtra-2471dndlibraryre-e70b2a.binary.sx
- **App ID**: `24041`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	29
🟧 Accessibility	70
🟢 Best practices	92
🟧 SEO	77
🟧 PWA	78

Lighthouse ran with https://deriv-app-git-fork-kate-deriv-kate-dtra-2471dndlibraryre-e70b2a.binary.sx/

[github-actions]

⏳ Generating Lighthouse report...