Update branding for Palace.

[ray-lee]

Description

This updates branding and styling for The Palace Project, including:

• Change "Circulation Manager" text to "Palace Collection Manager"
• Change header color to black on white
• Add Palace Collection Manager logo to header
• Change font to Open Sans
• Change footer color to black on Palace light blue
• Change color of blue buttons and links to Palace dark blue(-ish. This actually uses a lighter shade of Palace dark blue, so that on hover, the color can darken to become Palace dark blue.)

The Notion ticket asked for the red buttons to become Palace logo red, but I found that Palace logo red is obnoxiously, shockingly, distractingly bright when used on buttons. I think the existing darker red is fine.

Screenshots:

Motivation and Context

This makes the CM front-end follow Palace branding guidelines, and differentiates the Palace CM from SimplyE.

Notion: https://www.notion.so/lyrasis/Update-CM-with-Brand-guidance-88976ea09252447998779b4bbeb2fdeb

How Has This Been Tested?

@ray-lee browsed around the UI in Chrome and Firefox.

Checklist:

• I have updated the documentation accordingly.
• All new and existing tests passed.

[tdilauro]

This generally looks good. One comment about the duplication of the app name in a lot of places.

[tdilauro]

"Palace Collection Manager" is used all over the place now. Wondering if it might be useful to add this value through a higher-level context provider (or co-opt/rename one of the existing ones) as appName or similar and then reference it where needed.

We could use a similar approach and parameterize/interpolate in tests and maybe even SCSS, if needed.

[ray-lee]

@tdilauro I moved the title formatting into a function to remove the duplication. There are now just a couple occurrences of "Palace Collection Manager" outside of that function, in the browser automation tests, which were written in a way that makes it hard to import modules in the normal way. I think we're just going to delete these tests at some point, because we're using the A1QA test suite to do this.

I also changed the logo to be a normal (svg) image instead of a React component, which gets published to the dist directory, and will be available through jsdelivr. This will allow the CM python app to load it in HTML pages it generates, the same way it uses the js and css bundles.

[tdilauro]

Looks good! 🚀