Create user welcome message for header

[riddlew]

What

The header component (which will be created in #45) needs a component to display the message "Hi, NAME!", where NAME is the user's name. Since we do not have username functionality implemented yet, you can use a placeholder of "NAME" for the user's name.

Please reference the Figma design at https://www.figma.com/file/aOxY6JeMesN7fq72tZsbD9/Untitled?type=design&t=ojy9KXiE1A3V8cHZ-0 for an idea of how this component will look (design subject to change). This component is located in the upper-right corner in the green header bar.

Details

• Component that creates an element that display's the message "Hi, NAME!".
  • Example:

    <WelcomeMessage />
    
    // result
    <span>Hello, NAME!</span>

• No styling required as of right now, only the basic functionality.
• No testing required as of right now, this will be handled in a separate issue.