Implement "Magic Numbers" feature

[zepumph]

Expanding from #61 and #46

[zepumph]

From design meeting during 7/13. We would like to be a bit more subtle than the thick line in https://energyeducation.ca/simulations/build-a-nucleus/build-a-nucleus_en.html.

We like having something simple, with thicker lines and not special highlighting. @ariel-phet would like to mockup before we implement anything. Over to him.

[Luisav1]

From meeting with @ariel-phet 7/20, we decided to try and add a checkbox which would increase the stroke width of those cells who have magic numbers. Maybe we might need another class too such that we can play with that stroke width live.

[zepumph]

Also, if we can prep for Thursday with a potential ability to play around with the style of the stroke live, that would be great. Perhaps making the borders thicker, or dashed, or a different color (etc). I'll take the lead.

[zepumph]

A couple of potentially talking points for next design:

Same color, thicker line width:

Slightly darker color:

Just for fun, a gradient:

There is another color profile Property to play with if you want to before design meeting:

nuclideChartBorderMagicNumberColorProperty

Ready for review.

[zepumph]

• This should also effect the zoomed in chart too.

[zepumph]

And for the zoomed-in view:

[zepumph]

Today in design meeting, we made the color Yellow, like a highlight. From here @ariel-phet will confirm the perfect color in correlation with #83. Over to him.

[ariel-phet]

@zepumph @Luisav1

Since I worked on the colors in #83 I think once those are implemented, this issue will be good to go.

[zepumph]

Implemented above. See #83 (comment)