Add twitter and telegram handles to user profiles

[GriffGreen]

As a Giveth donor, I want to know if i won the GIVbacks raffle so i can know i can collect my GIV, and i don't use email much

As a Giveth marketer, I want to know user's telegram and or twitter handles so i can reach out to the user to invite them to twitter spaces, especially in related to winning GIVbacks

As an AI agent, I want to know users twitter and telegram handles so I can directly communicate with them

Breaking this down:

In the user profiles we have very limited fields, if we add telegram and twitter we will ahve more outreach opportunities besides email.

[divine-comedian]

we will need to consider how to clean the data the user might put into this

for example

for the twitter field if the user enters https://x.com/divine_comedian we should clean this and save only divine_comedian. similarily if the user enters @divine_comedian we clean it and save divine_comedian

same for telegram profile links @divine_comedian or https://t.me/divine_comedian should be cleaned to divine_comedian and saved to user profile info via endpoint

user flow

profile edit

we can place these two new input fields on the update profile screen below the email address field in separate input fields

headers above input field are:

X/Twitter Profile

Telegram Handle

user is not required to provide these fields so the red * should not appear next to those fields

profile creation

we should insert a new section into the flow for when a user is creating their profile for the first time

this section should go below Who Are You? section and above Where Are You? section

section header text should be:

How can we contact you?

this section should contain:

1. email address (move it from section above) - REQUIRED
2. telegram handle - use same input field header text
3. twitter profile - use same input field header text

email address should be on its own line

telegram and twitter input fields can share the same line on desktop view