Update homepage header

[Donna-H]

Changes in this PR:

Update homepage header -revisiting the use of the TNA logo on the site- use the narrow version of the logo- users to access the page content more quickly and so this work will reduce the scrolling required.

Trello card / Rollbar error (etc)

https://trello.com/c/XSEVm87x/912-pui-homepage-header

Screenshots of UI changes:

Before

After

• Requires env variable(s) to be updated

[codecov-commenter]

Codecov Report

Merging #706 (8f4f899) into main (82b2bc2) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #706   +/-   ##
=======================================
  Coverage   92.17%   92.17%           
=======================================
  Files          25       25           
  Lines        1086     1086           
  Branches       55       55           
=======================================
  Hits         1001     1001           
  Misses         71       71           
  Partials       14       14           

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[jacksonj04]

A couple of tweaks to make, but this is looking so much cleaner already. There's so much space! Readers will love it, even if they don't notice it.

• The typography purist in me is screaming at the fact that "Find Case Law" and the TNA logo are top-aligned and not baseline-aligned.
• This PR says it's about the homepage, but we're ditching the logo image which is used everywhere, so all of the judgment pages look weird
• The mobile breakpoint is set too wide, so it's possible to make the viewport narrow enough it clips the logo before it breaks to mobile
• The flexbox isn't centring properly, so if your viewport is wider than the maximum breakpoint then it hangs over the left margin and leaves a load of space to the right.

It might be easier to consider slicing this into two distinct bits; "Find case law" and "Delivered by..." in one include, and then the service blurb in another. That way we can also repurpose the top include on judgment pages, pop the breadcrumbs back underneath, and tidy it all up in one clean move.

[Terry-Price]

I am really happy to help you Donna with these alterations if you want to pair sometime.

[jacksonj04]

Some touch-ups to move things to make more use of flexbox and tighten up some spacing, and to implement the slimline logo on judgment pages.

[Terry-Price]

all good.

[Terry-Price]

all good, well done Donna,