Feature Owner Home UI

[cristianbgp]

This PR adds

• UI for the Owner Home view.
• List of clubs from the API
• List of sport fields from the API
• UI for the button to create a new club or sport field
• Also there is a ui.js file where anyone can create generic styled components

Close #5
Close #6
Close #7

[condef5]

Hi, Could you remove this line please?

[cristianbgp]

You're right. I'll do it

[condef5]

Here you should validate that the active club is different from null for
bring the sports fields for each club and avoid making unnecessary calls to the server:

 React.useEffect(() => {
    if (activeClub) {
      getSportFields(activeClub).then(sportFields => {
        setSportFields(sportFields);
      });
    }
  }, [setSportFields]);

[condef5]

I think the default value should be null, because if there are no clubs, it means that there are no sport fields either and when you make the request to get the sports fields it will give error:

const [activeClub, setActiveClub] = React.useState(null);

[condef5]

You could pass the default value of the club(activeClub) here:

React.useEffect(() => {
    getClubs().then(clubs => {
      setClubs(clubs);
      setActiveClub(clubs.length ? clubs[0].id : null)
   });
 }, [setClubs]);

[cristianbgp]

Thanks for noticing all of that, I'll change it right now.