feat: added tw icon to menu and sidebar; optimised search's css

[natterstefan]

Twitter Button & Header improvements

(...) please try to limit the scope (...)

Hopefully, updating the Header and Search is still in the scope of adding the Twitter Button from your point of view. Let's see. :)

Resolves #945

Twitter Button

Twitter Button in the Header (previous top - new bottom)

Twitter and GitHub button in the Sidebar (previous left - new right)

Search Updates (previous left - now right)

Due to the new Twitter button in the Header, I had to improve (fix) the css of the Search component as well.

Increased em in the existing Media Query

mediaQueries: {
-	big: '@media screen and (min-width: 40em)'
+   big: '@media screen and (min-width: 48em)',
+   maxBig: '@media screen and (max-width: 47.9em)'
}

This resolves issues on smaller devices (eg. iPhone 5 or iPad):

• DarkToggle button was not visible, due to the width of the Search input
• menu is not rendered, but can be opened with a click on the burger button

References

• Tweet about adding Twitter to the header

[vercel]

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/mdx/mdx/7xxg95n52
✅ Preview: https://mdx-git-fork-natterstefan-feature-twitter-icon-menu-header.mdx.now.sh

[johno]

✨✨✨

Awesome, thank you!

[natterstefan]

:) You'r welcome!