Add popover to squash before merge checkboxes

Pedro Moreira da Silvarequested to merge
443375-popover-squash-commits into master

What does this MR do and why?

This change replaces a simple help icon tooltip with a more informative help popover for the "squash commits" feature in merge requests. Instead of just showing a question mark icon that links to documentation, users now see a helpful popup when they hover over or click the help element. The popup explains what squashing commits means ("combines multiple commits into a single commit to keep repository history clean") and includes a "Learn more" link to detailed documentation. See more in https://gitlab.com/gitlab-org/gitlab/-/issues/443375

The change affects both the Vue.js component used in the merge request widget and the server-side form template, ensuring consistent behavior across different parts of the application. Tests were updated to verify the new popover functionality works correctly, and new translation strings were added to support multiple languages.

References

Closes https://gitlab.com/gitlab-org/gitlab/-/issues/443375

Screenshots or screen recordings

Screen Before After
MR widget CleanShot 20250718151736@2x.png CleanShot 20250718151625@2x.png
Create/edit form CleanShot 20250718151724@2x.png CleanShot 20250718151621@2x.png

How to set up and validate locally

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Pedro Moreira da Silva

Merge request reports