fixed debug hover widget overflowing when content tree is too big

[jonah-iden]

Signed-off-by: Jonah Iden [email protected]

What it does

fixes #11297

This fixes the overflowing of the DebugHoverWidget when the content tree gets too large.
The problem was, that by default monaco overwrites the display css property of the domNode (contentWidget#setPosition) to display: block instead of the given display: flex. with the !important it stays as flex as intended.

How to test

1. create a breakpoint and start a debug session
   a. (i used the Run Mocha Tests target and made a breakpoint in frontend-application-config-provider.spec.ts)
2. hover over a variable and see the debug hover widget appear
3. expand the tree nodes so that the tree gets bigger than the widget
4. see it doews not overflow scrolling should now be possible

Review checklist

• As an author, I have thoroughly tested my changes and carefully followed the review guidelines

Reminder for reviewers

• As a reviewer, I agree to behave in accordance with the review guidelines

[vince-fugnitto]

The changes work well for me:

• the display is correct when the content overflows
• scrolling the hover does not affect the editor