[Bug]: The community onboarding form has bugs on the profile picture and twitter profile section.

[Haimantika]

Description

1. After the renaming of Twitter to X, the profile links now start with ‘x.com’ when you try to enter that in the form, it shows invalid.
2. The profile picture component is a text input and should be changed to an upload component.

   Expected Behavior

3. The twitter profile section accepts both twitter.com and x.com links
4. The profile picture component is updated to allow uploading of pictures

Screenshots

Environment:

• Host OS:
• Browser: Chrome

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[Yashsharma1911]

@iArchitSharma @vishalvivekm ^^

[github-actions[bot]]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

[github-actions[bot]]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

[Yashsharma1911]

@vishalvivekm any review on issue 2?