Change ProposalsList component to a functional component

[vctt94]

This PR depends on #2445 is a POC for #2438

It switches the Proposals component to use hook instead. I liked that approach, because with that, we can completely remove our connectors and improve our reducers, selectors and actions. A work toward: #1558.

I am also adding a fetch-state-machine using the xstate lib. This way we can get rid off the isLoading variable and properly treat states.

[matheusd]

Hooks seem interesting and definitely an improvement by removing the boilerplate connectors.

For reference for other reviewers, these are the main docs concerning hooks for react and redux (respectively):

https://reactjs.org/docs/hooks-overview.html
https://react-redux.js.org/api/hooks

[matheusd]

As far I as can understand react hooks so far, this causes unnecessary renders.
See https://react-redux.js.org/api/hooks#equality-comparisons-and-updates

Specifically, given the selector function creates a new object every time it's run, it will always force a re-render.

I believe the correct way for this is to rewrite as

const location = useSelector(sel.location);
const uiAnimations = useSelector(sel.uiAnimations);

[vctt94]

Thanks for reference the docs, my bad not referencing it.

You are right, as we can see here: Call useSelector() multiple times, with each call returning a single field value

Change made.

[matheusd]

Seems reasonable. One note though, the header is missing once you open a proposal. Is that correct?

[vctt94]

I am making changes at proposal details at #2449