feat(superinput): add styles to superinput

[rob-gordon]

Here's an overview of the base styles. One thing of note, I tried using the CodeMirror's javascript styling API, but I had weird behavior and ultimate found it more cumbersome than plain old CSS. If we think that will be an issue we can try to port it into the styling API but it worked well for me in development.

I tried to inherit from BlueprintJs as much as possible so that it will be visually seamless with the app.

@Raid55 I did change what the sample app interface looks like, just to have more screen real estate, but I'm happy to change it back if you preferred it the other way!

Basic Focus State

Valid Preview

Multiline Valid Preview

Invalid Preview

Context Menu / InfoCard

Note: I only styled the wrapper of the InfoCard here because the content in the InfoCard felt like a placeholder. As soon as we know what we can to include in the InfoCard I can style it accordingly.

InspectCard

---

InfoCard

Evaluates to...

Docs Link

https://user-images.githubusercontent.com/159949/149962055-6a072c50-9442-4d5b-b158-9de712683c2f.mov

Updated CodeMirror syntax highlighting

Sadly CodeMirror only differentiates between parent and property (not like function and arguments).

Other Updates

• had to write a small utility for showing the evaluates to string, because we were losing information for booleans that were false for instance.
• got rid of dependency on ui-shared colors because ui-shared may not always be there! :)

[linear[bot]]

DEV-2170 [super input] Styling

First run at styling the superinput. * [X] Main input * [ ] Dropdown/autocomplete and side infocard * [ ] Javascript Theme, see `README` * [X] Fonts