add in top-bar component, move to type to be in alphabetical order