Freecodecamp: Disable Monaco code actions highlighting

[ojeytonwilliams]

Describe the bug
The highlighting for code actions appears in the editor, but the user cannot interact with them.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code
2. Enter

function anyname(){
  this.property = 'is set';
}

1. see the three dots below the 'a' in 'anyname'

Expected behavior
Since the user cannot act on this information these dots should not appear.

StackOverflow suggests they can be disabled in vscode, and hopefully the same is true of Monaco.

Screenshots

Thanks to @lasjorg for investigating this and olgamlop (who I'm not sure has a GitHub account, so I didn't want to ping the wrong person) for reporting it.

Originally discussed on the forum, here

[lasjorg]

@ojeytonwilliams Not sure if there is an editor option for it, but here is the CSS for removing the three dots.

client\src\templates\Challenges\classic\classic.css

.monaco-editor .squiggly-hint {
  background: none !important;
}

I did look a bit for an option but the API docs for Monaco are pretty dense and hard to comb through.

Just let me know if I should make a PR with the CSS change.

[lasjorg]

I made a PR just in case. If we want to use it its there.