Configure the Ace library to run in CSP-compliant mode

Description

The CloudScape Code editor component relies on the Ace library, which receives it as a property. In order to make it CSP-compliant, as specified in the developer guidelines, we need to set the following configuration parameter to true:

window.ace.config.set('useStrictCSP', true)

This will result in avoiding to include some <style> tags into the <head> tag, as pointed out in https://github.com/ajaxorg/ace/issues/3260. The two attached images shows the difference of having the property unset / set to true.

How Has This Been Tested?

Run PCM locally and manually inspected through developer tools

References

PR Quality Checklist

[ ] I added tests to new or existing code
[ ] I removed hardcoded strings and used our i18n solution instead (see here)
[ ] I made sure no sensitive info gets logged at any time in the codebase (see here) (e.g. no user info or details, no stacktraces, etc.)
[ ] I checked that infrastructure/update_infrastructure.sh runs without any error
[ ] I checked that npm run build builds without any error
[x] I checked that clusters are listed correctly
[ ] I checked that a new cluster can be created (config is produced and dry run passes)
[x] I checked that login and logout work as expected

In order to increase the likelihood of your contribution being accepted, please make sure you have read both the Contributing Guidelines and the Project Guidelines

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice. image (57) image (56)

aws-samples / pcluster-manager