create User status card

[mhenriette]

Objective:

The goal is to create User Status component.

Description:

• Create a component called UserStatus.tsx and add it in components/cards/
• The component receives props to be passed in the UserInfo card #8 and renders the component
• The components receives a list of visible friends as a prop and renders them as shown on the design
• Display the visible text (Visible to n friends ) as shown on the design
• Add the tap to edit button on the card as shown on the design. When it's clicked or anywhere on the card, user navigates to edit section.
• Render the props as shown in the design and make the component match the Figma design
• Render the component for testing purposes

Acceptance Criteria:

• The component called UserStatus.tsx is created and located in the above-specified folder location
• The receives props specified above
• The component has a tap to edit button that navigates to edit section when it is clicked or when user clicks anywhere on the card.
• The component renders UserInfo card with the right props
• The component matches the figma design

Design:

Figma design