move the header component to it's own view