Tweak header

[doup]

• Remove "Get Started" from header
  • Move it to home page
  • Add "Getting Started" entry in mobile menu
• Tweak GitHub link in header:
  • Remove weird space to the right
  • Make it a tiny bit smaller
• Tweak desktop header menu font-size: make it a tiny bit smaller so it breaths more in "Migration Guide"/"Supporting Bevy" pages
• Revert tablet-landscape breakpoint size, so we don't push mobile design to desktop users

bevy-tweak-header.mp4

[doup]

With the extra space, the full logo can be shown on mobile (changed in 3099d51):

Btw, I've looked what the current recommendation for minimum screen size is, and it looks like it's 360px (few years ago it was 320px). The screenshot above is at 360px; the video from the description also shows how it behaves at 360px.

[IceSentry]

LGTM

I tried it and everything looks good at every size I tried.

[cart]

Nice improvement! I think I might prefer putting the "getting started" button in the header on mobile over adding "getting started" to the collapsed menu. But I'll happily merge this as-is.

[doup]

But… in exchange of what? We can't have all these: full bevy logo, getting started, donate (with/without ❤️) & GitHub logo. I think the options are:

• Full logo + (getting started or donate) + GitHub
• Reduced logo + getting started + donate might

[cart]

Ahh I didn't know we didn't have the space for it. Lets leave it as-is for now :)