[#4] Implement UI Today's profit card on Home screen

[Wadeewee]

https://github.com/nimblehq/jetpack-compose-crypto/issues/4

What happened 👀

When the user launches the app, it will show the portfolio amount and today's profit on Home page.

• Show the following UI:
  • Title: "Trade Now and Get Your Life"
  • Card: "Total Coins" & "Today's Profit"
  • Chip: Profit percentage
• Display adaptive in light/dark mode

Insight 📝

• Add androidx.constraintlayout:constraintlayout-compose to use constraintlayout for compose.
• Add fonts to match with Figma.
• Create HomeScreen.
• Create a PortfolioCard component.

Proof Of Work 📹

https://user-images.githubusercontent.com/28002315/176336915-b6d478d7-5e52-48e4-ac76-344788eab684.mov

[hoangnguyen92dn]

@Wadeewee May I know the progress? Can I start to review this PR? 🙏

[Wadeewee]

@Wadeewee May I know the progress? Can I start to review this PR? 🙏

@hoangnguyen92dn Yes, This PR is ready to review, but except for the elevation issue(the third concern) regarding this thread, I think better to create a new ticket to work on this later 🙏 but If you have a quick solution, please let me know 🙇‍♀️

[luongvo]

@Wadeewee Could you please help us adding a gitignore file in buildSrc folder?

buildSrc/.gitignore

/build

[luongvo]

@hoangnguyen92dn I think we should consider splitting the shadow effect AC into a new ticket 💭

[luongvo]

@hoangnguyen92dn we should merge this PR soon, or you're planning to merge it after #9? 🤔

[luongvo]

@hoangnguyen92dn we should merge this PR soon, or you're planning to merge it after #9? 🤔

Since the PR #9 is done, I think now we can wait a bit.

[hoangnguyen92dn]

@luongvo I will merge #9 then merge this PR then we will have a new build on FAD once this PR merged 🚀

[hoangnguyen92dn]

Go go 🚀