[#62] [Integrate] As a user, I can pull to refresh data on the Home screen

[Thieurom]

• Close #62

What happened 👀

• Refactor the HomeView
  • Replace ScrollView with the List
  • Create custom Section and Header for the List's item
  • Create a renderIf modifier to render the view based the given condition (so no imperative if in the view creation)
  • Correct some UI components on the HomeView
  • The blurred area of the WalletStatisticView
  • The vertical spacing between sections
  • The vertical spacing between rows in the TrendingCoinsView
  • The trailing padding of the MyCoinsView
  • Make the calls fetchMyCoins and fetchTrendingCoins run parallel
• Use the built-in refreshable of the List to implement pull-to-refresh logic.

Insight 📝

At first, I attempted to use the .listStyle(.grouped) for the List, using the built-in Section (with header). However, I faced many issues with styling (background color, padding, etc, ...) the section, rows, and the List itself. Even the workaround like UITableView.appearance(), UICollectionView.appearance() doesn't work anymore. So I just stick with the `.listStyle(.plain) and custom Section and Header.

Proof Of Work 📹

https://user-images.githubusercontent.com/17972674/211231996-09c44360-f70c-43e1-90ff-4fd3d60a5f4e.mov

A case where the app lost the internet connection when initially launches

https://user-images.githubusercontent.com/17972674/211244054-81d5e49f-064c-498f-8c8b-3d566645e88b.mov

[Thieurom]

As a side note, can you also have a record case that first opening the application with no internet, then trigger a reload with internet connection to showcase the new renderIf call for the P.o.W? That would be a great demonstration 🙏

A PoW video for the case of launching the app without an internet connection was added 🙏