refactor navbar out as a component