[MVP]: Create Avatar component

[e2nguyen]

Description

As part of creating the post component, we also need to create an avatar component that mimics what is typically seen on instagram or twitter. This component is composed of a round avatar that is left aligned followed by a name.

Branches

• create_avatar_component_37

Requires

• 23

• 24

Potential solutions

A clear and concise description of any alternative solutions or features you've considered.

Look into flexbox and combine it with bootstrap.

Tasks

• [x] Use the custom image component for the avatar
• [x] for the time being, just hardcode in a character png from our image library
• [x] wrap the component in the custom div we created

QA Notes

Inspecting the `AvatarComponent:

Project structure when inspecting:

Deployment Notes

PR

38

[e2nguyen]

@dianephan, left one small comment

[e2nguyen]

bumped up to 5 because of the time we spent pairing