Implement action buttons in AnimalCard.vue

[omiras]

We would like to allow the user to perform some actions in each animal:

Denunciar

Implement a new view with a new component to display a form to allow user:

• select the reason to report the animal: Spam, Contenido inapropiado, Maltrato animal, Incita a la compraventa, información engañosa o errónea
• a textarea to allow the user to write some comments

1. The action in the Vuex must create a new document in the 'reports' collection (firebaseConfig.js)
2. This document must have this information:
   • idAnimal reported
   • idUser who reported the animal
   • report option
   • comments
3. Same information must be updated in the app's state trough a mutation

/report/:idAnimal

• send an email to singutender@gmail.com with all the report info.

Contactar

• If the user touches "Contactar" the contact info of the owner should be displayed
• This info will be displayed in a new view with a new component
• /userinfo/:idUser. view: UserInfo.vue
• The component will display information about the user
  • name
  • email. We can generate a link the mailto:useremail@email.com to allow the user to directly click in the email and it will open the email client
  • phone. We can generate a link tel:4445566 to allow the user to directly call the owner.
  • you should retrieve information about :idUser from the database !

[omiras]

Will hold "Contactar" requirement until chat is implemented or not.