Adjust Header heights to fit Box content

[travisk-codes]

Changes:

1. Constrains height of the Header component to fit the text content of the Box component (see screenshots)
2. Fixes [Bug] Top of resource page header text boxes cut off #339

Additional Notes:

• Probably wanna test on your machine before commit, a lot of positioning changes.
• Makes subjective design decisions, please offer feedback (e.g. should the Header have a min-height?

Screenshots:
Before:

After:

Before:

After:

Before:

After:

Before:

After:

[veksen]

So, a lot going on here, there's a few things I'm not happy with, and I'm realizing my intent with the design and layout is not clear. I'm going to sketch out the various layouts and we can discuss the changes needed.

[veksen]

Sorry, left this for a while, and did a conflicting PR (#376). Let me know if you'd like to go over this :D