Contact Collection and Dataset owner feature

[ChengShi-1]

What this PR does / why we need it:

The goal is to replicate the Contact feature on the Collection Page and Dataset Page.

• contact button with tooltip
• contact form
• CAPTCHA mechanism
• notification

Which issue(s) this PR closes:

• Closes implement Collection Page: Contact button and form  #569

Special notes for your reviewer:

Not sure contact factory is written in a correct way or not to create contact repository

Suggestions on how to test this:

1. Perform the following tests in both Login and Logout states: If not logged in, there is an input box for emails
2. Verify that the Contact button:

• Exists on the page.
• Is clickable.

3. Validate form submission:

• Display errors and prevent submission if:
  • Required fields are empty.
  • The email format is incorrect.
  • The provided answer is incorrect.

4. Allow form submission if all inputs are correct:
   Show a success alert on the page after submission.

Does this PR introduce a user interface change? If mockups are available, please link/include them here:

Is there a release notes update needed for this change?:

No

Additional documentation:

[coveralls]

coverage: 97.39% (+0.1%) from 97.241%
when pulling f6ff9cd on 569-implement-collection-page-contact-button-and-form
into fa6299a on develop.

[g-saracca]

I left some suggestions to improve the code and organize it in a better way.
I think the way you name the contact repository methods is a bit confusing, ContactDTO, submitContactInfo, useSubmitContact. Maybe something more related to what you are doing which is sending feedback to the owners.
On the other hand I think you had a confusion between repositories and factories, factories is a convention that the project has to create or instantiate the components at page level.
And repositories must be created only once in these factories and passed through props to the component that wants to use it.

Also you can simplify success message with a toast instead of an alert.

Please take a look at all the comments first and then see what needs to be changed.
If you need any help let me know, after these changes I will analyze the UI and functionality in more depth.

[g-saracca]

I've approved but I saw that component test coverage is not reaching the branch coverage min of 95%.
Please check what code branches you are not testing, thanks, almost there! 🤞🏼

[g-saracca]

I think you are missing testing closing the dialog? See https://coveralls.io/builds/72453589/source?filename=src%2Fsections%2Fshared%2Fcontact%2Fcontact-modal%2Fcontact-modal.tsx#L74

[g-saracca]

Looks good! Approving!

[ofahimIQSS]

Hello! One quick observation - after a user sends an email, click on contact again. I noticed that the email form doesn't reset and all the previous data is still present. Can be reproduced in both states (Authenticated/non authenticated user).
I compared against JSF and in there, the form does reset after sending an email. See video:

Screen.Recording.2025-03-19.at.3.25.23.PM.mov

[ofahimIQSS]

tested updating User email successfully:

Screen.Recording.2025-03-19.at.3.46.13.PM.mov

[ofahimIQSS]

Looks good from my end, merging PR