Enable prettier formatter in monaco

[jjspace]

Description

• Add prettier to Sandcastle to format code in monaco
  • This aligns with the rest of Cesium's code so gallery examples should format the same as the source
• Update monaco default settings
  • I did a pass on all the editor options and toggled a handful to increase the user experience.
  • ^{I really struggled not to turn on all the extra stuff that fits my personal preference 😅}

Issue number and link

Part of #12566

Testing plan

• Write any code in Sandcastle
• Click Format and make sure it works for JS and HTML with no errors
• Make sure the formatted code matches what you'd expect from prettier

Author checklist

• I have submitted a Contributor License Agreement
• I have added my name to CONTRIBUTORS.md
• I have updated CHANGES.md with a short summary of my change
• I have added or updated unit tests to ensure consistent code coverage
• I have updated the inline documentation, and included code examples where relevant
• I have performed a self-review of my code

[github-actions]

Thank you for the pull request, @jjspace!

✅ We can confirm we have a CLA on file for you.

[ggetz]

I really struggled not to turn on all the extra stuff that fits my personal preference 😅

We all have editor preferences, and some user expressed interest in disabling as much as possible. How tricky would it be to add a settings menu to turn features on and off?

[jjspace]

@ggetz functionally it shouldn't be that hard. However it would probably be a lot of effort to pick and choose which of the 150+ options we want to expose and allow changing

I would rather we stick mostly to defaults with the few opinionated changes I've already made. Monaco shouldn't really get in the way of people just "typing in code".

If we get feedback that it's too much after trying it we can potentially add a single toggle for a "plain text" mode that turns off nearly everything.

[ggetz]

Looks good to me!

[ggetz]

Honestly hate this. 😆 But I'm not going to hold up the PR over it.

[jjspace]

haha I was really on the fence about this one. I personally really hate it the "default" way and this is much better to me. 😆 This is probably the most opinionated setting I changed.

[jjspace]

Honestly thought about just removing the minimap entirely 🤔

[ggetz]

Yeah, personally I hate the minimap entirely.

[jjspace]

Well you're in luck 😆 Due to how monaco calculates resizing the minimap seems "expensive" and slow. When I added the panel resizing (#12672) it started flickering pretty bad and lagging behind visually. Easier to just turn it off (in that PR) Oh well 🤷

[ggetz]

However it would probably be a lot of effort to pick and choose which of the 150+ options and allow changing...If we get feedback that it's too much after trying it we can potentially add a single toggle for a "plain text" mode that turns off nearly everything.

Yes, I agree that approach it with that kind of fine-toothed comb would be a loosing battle.

At the very least, we are already allowing user to toggle dark and light modes, so I don't think it would hurt to have a settings area for that plus maybe one or two "controversial" options. From there, we could make small changes based on user feedback, right?