fix(docs): restyle and rearrange sidenav

[chanceaclark]

What

• Restyled side nav
• Updated links to next links
• Added Beta badge

Screenshot

[deini]

The BETA badge seems a bit off in position 🤔 should we place it somewhere else?

[jorgemoya]

Looks good to me. Only needs to address other comments.

[chanceaclark]

@deini Where were you thinking the BETA badge would be?

[deini]

@chanceaclark Not sure, but it seems odd @stevenbennitt thoughts?

[stevenbennitt]

@chanceaclark I like it! Only thing that crossed my mind was if it should be on the top?
Also, should I use that same color for my label found here?
https://developer-beta.bigcommerce.com/tools-resources?__build_id=37521

[stevenbennitt]

@deini @chanceaclark We could also do the same kind of banner that Im using in the upper left or right of the site page too?

[deini]

@stevenbennitt The banner is not a big-design pattern so I rather use an existing pattern.

[chanceaclark]

I agree with @deini. And we removed the primary color for badges so it would have to be an extended styled components if we wanted to match colors rather than uses what's out of the box.

[stevenbennitt]

@chanceaclark @deini makes sense to me! The more I look at it, it does seem a little out of place underneath the logo, seems like we're typically using it inline in other places but that doesn't really make sense here due to limited space.

[chanceaclark]

@stevenbennitt @deini alright changed the beta badge to a ribbon in the top right. Will not show for mobile. See screenshot above ^

[deini]

🐑