Replace LUX Header and Footer with Phoenix LiveView Components

[sdellis]

Summary or User Story

To speed up DPUL-Collections development (see #133 for details) we will replace LUX Header and Footer components with custom Phoenix Components. From a user perspective, these components should seek to mimic the look, feel, and functionality of the LUX components, at least for this iteration.

It may be helpful to use LUX's CSS to match colors and other atomic styles using CSS-variables. See the instructions.

Due to anticipated interactivity and stateful needs, the Header component should be implemented as a Phoenix Live Component. The Footer should be fine implemented as a functional component as it will only need to compartmentalize markup.

Implementation Notes

Review the markup for the LuxLibraryHeader and LuxUniversityFooter to see how these are constructed.

Acceptance Criteria

This section can be completed by the DLS team. Some requirements to consider
including:

• The UI implemented for this issue meets accessibility requirements
• The Header and Footer should be responsive, maintains all functionality, and is professional in appearance on all screen sizes and devices
• Translations (i.e., Internationalization) should be implemented in the Header and the Footer

First step

Write a test.