JSX component error message improvements

[zth]

This tries to improve the error messages around JSX components by specializing them, instead of having them be the generic record error messages. It's a pre-cursor to improving the interface file mismatch error messages for components.

Some examples:

Part of #6975

[cknitt]

This is awesome! A big improvement!

[cristianoc]

Super valuable indeed!
Can you highlight prop1 in the second screenshot?

[cknitt]

Something else regarding props highlighting: Currently, as seen in the third screenshot, for a non-existing prop, the prop value is highlighted, even though it is actually the prop name that is incorrect.

This behavior has already confused me quite a few times. Would it be possible to highlight the prop name instead?

[cknitt]

Actually same in the first screenshot - the problem is not really the value, but the duplicate prop name.

[zth]

I've tried adjusting the loc used but it seems like something else is making that behavior not work right now. Maybe something in how we parse JSX. Anyway, I'll merge this now with the current behavior and we can do a follow up later on trying to adjust the locs/track down why it doesn't work.