Add client-side validation for LinkedIn contact detail field

[SAUMILDHANKAR]

Overview

We would like the data entered in our contact fields to be accurate. In this issue, we will add client-side validation for the LinkedIn contact field.

Action Items

• URL would have 2 parts: first would be fixed (https://www.linkedin.com/) and the second would be the one entered by the person creating the contact field for example LinkedIn company company/food-oasis-la/ or individual or a group that should satisfy the LinkedIn policies. Some of the policies are listed in issue Add tooltip for LinkedIn contact detail field #2197. Please see the Pinterest contact field image below for reference:
  
• Add a clickable link for the user so they can click it and test that the link works.
• 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
• Similar PR: Add client side validation for pinterest #2183
• We are using Yup for validation https://www.npmjs.com/package/yup