Make the preview headings in the style dropdown reflect the style of those headings

[Michael-Grover]

Discussion 🗣

Currently the heading previews in the style dropdown do not reflect the actual appearance of headings when they are added in the contract text. These previews should give the user an accurate preview of what the heading should look like in the document.

This should remain so even when people who extend this component change the heading styles for their particular apps. They should be linked so if the heading styling changes, the preview of it in the styling dropdown changes too. So when if change the heading styling to be sans-serif instead of a serif font, the dropdown should ideally reflect that.

Current:

doesn't match headings in text:

[conste11ations]

Hi! I created a pull request in hopes this helps you with the issue you have raised. Took a stab at assuming how people would ideally extend these components (assumed the constants would be updated because there are default styles already there), please let me know if incorrect!