Feature: add phone number to donor profile

[glaubersilva]

Resolves GIVE-531

Description

This PR adds a phone input to the donor profile page. The International Telephone Input JS library (sponsored by Twilio) was used to make sure that the numbers were stored in the proper format regardless of the donor country.

The big advantage of using this JS library is that we can validate the numbers for all countries before submitting the form and store the donor phone number using the international format - which can be useful in the future if we decide to implement some kind of integration with 3rd party software to send SMS to donors because services like that (For example Twilio) require numbers in the international format.

The whole functionality was encapsulated in the give_get_intl_tel_input() function, this way we can reuse it in other places that require a phone input using only vanilla JS.

In a subsequent PR, we also can create a version of this phone input in our form builder library to allow the use as a React Component. Edit: The library already provides a React Component that we can use when working in the Visual Form Builder or any other UI that uses React.

Affects

The donor profile page.

Visuals

Testing Instructions

1. Go to the donor profile page;
2. Edit the donor details;
3. Try to save an empty phone number, it should work;
4. Try to save a valid phone number, it should work;
5. Try to save an invalid phone number, it should NOT work.

Pre-review Checklist

• Acceptance criteria satisfied and marked in related issue
• Relevant @unreleased tags included in DocBlocks
• Includes unit tests
• Reviewed by the designer (if follows a design)
• Self Review of code and UX completed

[glaubersilva]

@jonwaldstein This is ready for re-review.

[jonwaldstein]

@glaubersilva great job man ☎️ ! ready for QA 🌈

[rickalday]

Passed manual QA tests.