Add MITL branding elements and match navigation as close as possible.

[djanelle-mit]

Why these changes are being introduced

The out of the box NDE experience doesn't align with MITL branding.

How this addresses that need

This work introduces relevant header, footer, and search components that are as close as possible to intended design system components. This includes:

• Institute bar across the top of the page.
• Styled navigation to be as close as possible to MITL navigation. Note: the logo still needs updating.
• Styled search boxes to be closer to the USE search component.
• Added MITL and Institute footers.
• Responsive behavior for these elements.

Side effects of this change

Not noticed on my end, but definitely worth double-checking.

Relevant ticket(s)

[adamshire123]

This looks fantastic. Thanks!

A couple of things I noticed:

At a window width of 670px (in Brave dev tools) the language selector dropdown starts colliding with the "MORE" menu item.

After performing a search, on the search results page, the search box and search profile selector lose their border, making them hard to pick out. There is also a grey vertical bar just to the left side of the red search button. this appears as a separator between the "X (clear search)" and the magnifying glass search button in the un-customized view