[Consumer UI Refresh] Create a Floating Action Button component by adding a fixed position icon

If you haven’t already, check out our contributing guidelines for onboarding!

---

• Using the resource provided add a fixed position touchable icon component called FAB.js in /components
• The FAB must always be the same distance from the RIGHT EDGE of the sidebar area regardless of screen width
• We are not yet using this element so it should remain hidden for now but easily testable (use a prop isHidden for now).
• It must use a Pressable and take an onPress callback
• It must also accept a prop of isActive and display an alternate view when this prop is true
• When moving from the not active to active state the SVG can be rotated via a transform and the fill color set to gray
• No external dependencies are allowed
• Here is the exact location where it should sit at both wide screen views and small screen widths and the two states of the FAB shown

Asset: plus.svg.zip

Upwork: https://www.upwork.com/jobs/~0134b44cccd50f0085

[lucas-neuhaus-dev]

PR created. https://github.com/Expensify/Expensify.cash/pull/1233

[marcaaron]

We can chat more in the reviews when you are ready with the PR. Thanks!