[Component] Page header enhancements (desktop)

[natalia-fitzgerald]

Background

As a part of updates to "Complaint Explorer" we are pulling in the draft page header component from the Design System in React (DSR). This component is in a draft state so it has not been verified. I would like us to make some updates to the core component that will correct some visual bugs and provide a better user experience.

Changes

• Left align the CFPB logo
  • Currently the CFPB logo has some additional and unintended padding which means that it is not aligned with other page components
• Remove the 600 weight from the "log out/log in" link
• Update top and bottom padding above and below logo to 15px above and below
  • Currently there is an extra 10px of margin above and below the logo. There also appears to be some extra space above the 15px of padding. Not sure where that's coming from.
• Change "log out/log in" link to a secondary button
• Bring in native styling for links to improve usability and to create consistency with other links in CFPB webpages

Screenshots

• Remove extra 30px of padding from left side of the logo

• Update top and bottom padding above logo to 15px above and below

• Change "log out/log in" link to a secondary button and bring in native styling for links