Modal with Title, Info Icon, and Tooltip on Hover

[andersonnagelo]

Description:

A variation of the modal needs to be implemented to display a title and an info icon alongside it. The icon should be interactive: hovering over it will display a tooltip with additional information.

Technical Details:

Title: Display the title at the top of the modal, aligned according to the current standard.
Info Icon: Add an icon next to the title. This icon should be recognizable and indicate that additional information is available.
Tooltip on Hover: When the user hovers over the icon, a tooltip should appear with explanatory text. The displayed text should be customizable to fit the different needs of each modal.
Requirements:

Follow design guidelines to maintain visual consistency.
Ensure accessibility: the tooltip should be readable and provide clear and concise additional information.
Implement responsiveness, adapting the modal and tooltip across different screen sizes.