Merge when pipeline succeeds button > Utilize correct gitlab ui markup
<!--IssueSummary start-->
<details>
<summary>
Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards.
</summary>
- [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=289907)
</details>
<!--IssueSummary end-->
The `Merge when pipeline succeeds` button is utilizing a `gl-button` component and a `gl-dropdown` component side by side.

Instead, it should be using the split dropdown component found in GitLab UI: https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-button--dropdown-split-button
The effect of utilizing a `gl-button` with a `gl-dropdown` may have been to change the interaction so that when an item is clicked in a dropdown, the action is immediately triggered. However, this creates a disjointed experience with other split buttons in the UI and can be confusing. Rather than making this UI element behave differently, we should utilize gitlab ui and continue to work on https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/681 as a global solution.
issue