Add client-side validation for Instagram contact detail field

[Saumil Dhankar]

Overview

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

Action Items

• Add client-side validation which prompts user in case of an error. (Eg: For the following URL - https://www.instagram.com/microsoft/, errors should be prompted if the user misses/changes (i) https (ii) www (iii) instagram (iv) misses username or other cases which make url invalid)
• 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: #2128
• We are using Yup for validation https://www.npmjs.com/package/yup