Signed in Nav re-design && Highlights new badge created

As per @xmatthewx's new ux https://redpen.io/dycmx8 the signed in nav re-structured and re-styled. 

Also as requested by @iamjessklein when a new badge template or draft is created post "blank" clicking, the new badge gets a darker border. This can be improved by having it also scroll to the newly created box and the sorting reversed, atm the new goes to the bottom.