Seller profile - ability to add social links

Add form inputs on the user's profile page, so when they are in edit mode they can add/save:

instagram link
facebook link
twitter link
website link

These fields should be saved to the user object, like the other profile data. Put each of these links inside the metadata object on the user object. When the user saves their profile with links, the data should be like (this is the full user object):

{
    "id": "usr_Wx0dtpE1kt51mDIWKkt4",
    "createdDate": "2021-04-02T19:27:43.964Z",
    "updatedDate": "2021-04-02T19:27:43.964Z",
    "username": "justinschuldt@example.com",
    "displayName": "justin",
    "firstname": "justin",
    "lastname": "",
    "email": "justinschuldt@example.com",
    "description": null,
    "roles": [
        "user",
        "provider"
    ],
    "organizations": {},
    "metadata": {
        "instant": {
            "termsAccepted": true
        }
       "instagramLink": "https://.....",   // <--- this is what you will add
       "facebookLink": "https://.....",    // <--- this is what you will add
       "twitterLink": "https://.....",        // <--- this is what you will add
       "websiteLink": "https://.....",     // <--- this is what you will add
    },
    "platformData": {},
    "livemode": true
}

Here is the source of the page that you will have to modify to add the new form inputs: /src/pages/PublicProfile.vue

If a user has saved link URLs to their profile, display the links on their profile, while not in edit mode. The links should be clickable. Optional: if you have time, add icons next to each of the links. There are other icons in the project, so you can search in the repo to see how to add them.

justinschuldt / syr-marketplace

Seller profile - ability to add social links #10