MDX component improvements

[tomrule007]

Just quickly going over the difference between our self hosted content and the old notion docs I saw some style differences that I think could be improved.

1. Spoiler collapsed state should have some bottom margin to better separate itself from the content below it.

2. Spoiler expanded state should be indented to show it belongs to that spoiler

3. Code block should not have so much bottom margin. Somehow the code blocks are double wrapped in <pre> tags that each have their own bottom margins. (The top margin might want to be tweaked as well)

4. Quote block lightbulb icon should not wrap to its own line on small screens. Smaller icon maybe better as well?

[tomrule007]

Also you might be able to spot more improvements by comparing our notion docs to the self hosted ones https://www.c0d3.com/curriculum/js0/primitive_data_and_operators https://www.notion.so/JS-0-Foundations-a43ca620e54945b2b620bcda5f3cf672

[flacial]

A redesign is currently under work for this page.