Create Header Component

[RobertP09]

Objective: Create the Header component which will contain:

• User's first name with a greeting. ex. "Hey, Ashley!"
• Todays Date in the format "Weekday, Month, Day, Year" example "Wednesday, September 10, 2024"

Expectations: We can expect that after the login, we will have a login payload that looks like:

const userLogin = {
  id: "ioajsdlkjqnman123081",
  firstName: "Ashley"
  lastName: "Galvan",
  email: "fakeemail@gmail.com",
  token: "FakeTokenForNow"
}

Acceptance criteria:

• The header should look like the screenshot.
• The Global font that we're using is "Roboto" in the Medium size. (get it from google fonts)
• All the text should always stay towards the left side.
• The bottom border should exist

Header Image:

[RobertP09]

@Sinai161 Quick notes on the header.

1. In react for classes make sure to use "className" instead of "class"
2. The bottom border is a bit too thick, id do a border-b-2
3. The name should have an exclamation mark and it should be a bit bold.
4. There also seems to be some padding on the left and right side of the header.