UI V2: header

[scarlettperry]

Description

This PR

• updates the Header, Logo, and UserInformation components
• adds the notification icon (created a Notifications component for when we implement that feature)
• adds a Header, Notifications, and UserInformation story

Testing Performed

Created the components in storybook
Ran make frontend-lint and make frontend-test without errors

Before

New (reflects latest commits)

[scarlettperry]

hi @dschaller, mind giving this a first pass review? Still need to see what snapshots to update. Looks like this is the only related snapshot

clutch/frontend/packages/core/src/AppLayout/tests/__snapshots__/layout.test.tsx.snap

Line 3 in bfb56b4

exports[`AppLayout component renders correctly 1`] = `

[danielhochman]

quick pass, looking good

[dschaller]

Overall looks really good! A few more comments here and we should be good to go. Let's get this merged into the feature branch and open follow up PRs to drill into what the notification and user menus should look like with content populated. Feel free to punt on things like the hover and active states until then as well.

[danielhochman]

tiny nits, lgtm otherwise

we will need a way to disable the notifications functionality via a prop since we don't support it yet, but we can follow up with that later.

[danielhochman]

has no effect with CSS overrides

Suggested change

	<AppBar position="static" color="secondary" elevation={0}>
	<AppBar position="static" elevation={0}>

[danielhochman]

make opacity part of the font color

Suggested change

	color: "#ffffff",
	opacity: "0.87",
	color: "rgba(255, 255, 255, 0.87)",