Consolidate aside implementation & add tip type

[ShayPunter]

Fixes #77

[google-cla]

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

[matthiasrohmer]

Left some comments. Generally, try to improve things along the way, the task is rarely just copy-paste 🙂 Let me know if there are questions.

[matthiasrohmer]

Refactor the styles in a way that's not needed anymore. Basically all styles this widget needs should be in styles - they shouldn't rely on anything either web.dev or d.c.c brings or alters. See the BrowserCompat shortcode for reference.

For example you are using --color-blue-darkest, which is undefined for web.dev.

Define basic styling here and make it configurable using overwritable variables.

[matthiasrohmer]

See comment above for styles, this seems like a copy from web.dev.

[matthiasrohmer]

Also please have another look at the icons. The GitHub file overview gives a good idea of what's worth to double check: highlighter and ink-highlighter are the same, the same for lightbulb and lightbulb-outline, graph looks weirdly vertically aligned, update has a weird view box.

[matthiasrohmer]

One last note: please make sure to sign the CLA.