Show contact preview for birthday events

[murilopereirame]

When clicking on a birthday event i want that the contact details are shown so that i can decide how to contact the person to which him all the best to his birthday

AC

• When clicking on birthday event there is a contact preview appears
• The preview shows the main attributes of a contact, including
  • Name (using same logic as contact viewer)
  • Age
  • Email addresses including a link to write an email
  • Phone numbers including a link to make a call.
• There preview uses the same style as the calendar event preview using different icons.
• There is an option to edit the contact, which redirects to the mail app

Tasks Got it! Here's the interpreted and rewritten list of tasks, noting that one task is an implementation detail of another:

• [x] Implement contact preview when clicking on a birthday event.
  • [x] Display main attributes of a contact:
  • [x] Name (using same logic as contact viewer)
  • [x] Age
  • [x] Email addresses with a link to write an email
  • [x] Phone numbers with a link to make a call
  • [x] Add an option to edit the contact, and redirects to the mail app.

Test notes

• [x] Clicking on a birthday event bubble (mobile/desktop/webapp) or item on agenda/search view (onmobile) should display a popup containing basic contact information, send email, call number and edit contact actions
  • [x] On Desktop/Webapp (3 columns layout) Agenda View show contact card instead of a popup(same behavior as birthdays search results)
  • [x] If the contact has more than one email or phone number user should be able to choose an option from a dropdown.
  • [x] On mail app/desktop/webapp user can write an email and edit the contact on the spot
  • [x] On Calendar App, user will be redirected to mail app when trying to edit a contact, or redirect to the app store of choice to download the Mail app.
  • [x] On Calendar App, user will be asked to choose an email app when clicking on send email action (the user should be free to decide).

[hrb-hub]

In ContactPreviewView:158 there's a typo in singleEmailAdress ? `a[href="mailto:${contact.addresses[0].address}"][target=_blank]` : "",

Is should use contact.mailAddresses[0].address instead of contact.addresses[0].address.

This is causing an error, when the contact has only one email address and no home address, causing the links to not show TypeError: e.addresses[0] is undefined

[hrb-hub]

The links seem to have an underline decoration when the user has only one email and one number