Add tooltip for LinkedIn contact detail field

[SAUMILDHANKAR]

Overview

We would like the data in our contact field to be accurate. In this issue, we will add a tooltip for the LinkedIn contact field.

Action Items

• Add a tooltip with examples of different LinkedIn URLs that users might add. (Eg: LinkedIn company: https://www.linkedin.com/company/food-oasis-la/, LinkedIn individual: https://www.linkedin.com/in/williamhgates/, LinkedIn group: https://www.linkedin.com/groups/6519652/)
• Test it in your dev environment.

Resources/Instructions

• Related file: https://github.com/hackforla/food-oasis/blob/develop/client/src/components/Admin/OrganizationEdit/ContactDetails.js
• Related issue: Bug: Many contact fields are invalid - they should be URLs but are usernames, and don’t work on the website #2128
• Sample tooltip (Source: https://www.linkedin.com/help/linkedin/answer/a542685/manage-your-public-profile-url?lang=en#:~:text=You%20can%20create%20your%20public,profile%20URL%20at%20a%20time)

Examples of LinkedIn URLs and what should be entered by the person adding the contact details:

1. "https://www.linkedin.com/in/williamhgates/" for this URL, please enter: in/williamhgates/
2. "https://www.linkedin.com/company/food-oasis-la/" for this URL, please enter: company/food-oasis-la/
3. "https://www.linkedin.com/groups/6519652/" for this URL, please enter: groups/6519652/

Additional helpful notes:

- A LinkedIn URL can be 3-100 characters long but it can not have spaces, symbols, special characters or word linkedIn and it is case insensitive. 
- All the above restrictions/guidelines would also apply to the text being entered in the contact field.