[polaris.shopify.com] Convert color contrast checker to proper React component

[tjonx]

Issue summary

There's a new contrast checker tool I built in this PR: #10657

But it would require to be a proper React component, as it currently does things in the DOM that are not 100% React appropriate 😅

Screen.Recording.2023-09-22.at.5.52.04.PM.1.mov

Expected behavior

The UX is correct and works well, although that component needs to be build as a proper React component

• It would also need to consume all 13 colors (12 colors + grayscale). It's currently buggy because it uses an mjs file that is generated and due to optimizations in token usage, some unused colors are being stripped out of that file.
• Adding the name + number of the color in a tooltip above the hovered color in the palette grid would also be a great addition.
  

Actual behavior

The current component reaches into the DOM directly and that can lead to errors down the line.