Bug fix/Tweak typography and spacing for browse page

[ntsummers1]

Title

Bug fix/Tweak typography and spacing for browse page

Summary

This updates the browse page to more closely align with what design has mocked up. Spacing has been added, typography updated, and attention was given to the mobile to desktop transition.

Type of change

Please delete options that are not relevant.

• [x] Bug fix (non-breaking change which fixes an issue)

How To Test

1. run yarn dev, then navigate to localhost:3000
2. See the new styles!
3. Change the browser size to see the new tablet and mobile views.

Checklist:

• [x] My code follows the style guidelines of this project and has no linting errors
• [x] I have performed a self-review of my code
• [x] I have commented my code, particularly in hard-to-understand areas
• ~[ ] I have made corresponding changes to the documentation, including any applicable ADRs
• [x] My changes generate no new warnings
• ~[ ] I have added tests that fail without these changes
• [x] New and existing tests (unit, integration, accessibility) pass locally
• ~[ ] Documentation updated
• ~[ ] If there are security concerns they are addressed or ticketed after being discussed

[codeclimate[bot]]

Code Climate has analyzed commit 496be4a9 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (90% is the threshold).

This pull request will bring the total coverage in the repository to 100.0%.

View more on Code Climate.