1755: clickable email addresses

[bahaaTuffaha]

Short description

The e-mail addresses should be clickable so that they do not have to be copied and pasted.

Proposed changes

• Modifying JsonFieldElemental to check string if its a valid email address to show is as a mail:to link.
• verificationHelper.tsx having the regex for email verification function at bp-modules/applications/utils

Side effects

• JsonFieldElemental.tsx modified.

Testing

• Login as admin for Ehrenamtskarte Bayern region 9
• Make sure there is a card request needs review.
• Check email details

Fixes: #1755

[f1sh1918]

Congratulation to your first PR! Very nice work! 👍
Works like a charm. Tested on chrome

Just found some small improvements, i commented

One thing that was probably not mentioned in the issue was that in the organization section (screenshot) the mail address should also be clickable since the service workers may contact the organization for further questions. You can either add it in this pr or create a new issue for it.

[f1sh1918]

Suggested change

	export const isEmailValid = (email: string): boolean => {
	export const isEmailValid = (email: string): boolean => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)

🔧 Since you are not reusing the pattern, this one liner should be enough

[f1sh1918]

❌ Please rename the file to .ts since you are not using any tsx syntax like templating

[f1sh1918]

Suggested change

	<a href={`mailto:${jsonField.value}`}>{jsonField.value}</a>
	<a href={`mailto:${jsonField.value}`}> {jsonField.value}</a>

🙃 i think there is an empty space missing after the label and before the mail address

[bahaaTuffaha]

I noticed it but I kept the same format as possible...