Migrate to use pajamas components

What does this MR do and why?

Resolves:

• #417851 (closed)
• #416061 (closed)
• #417839 (closed)

Converts remaining non pajamas buttons to the pajamas component in the following files:

• ee/app/components/namespaces/free_user_cap/base_alert_component.rb
• app/views/shared/milestones/_delete_button.html.haml
• app/views/projects/notes/_more_actions_dropdown.html.haml

Screenshots

ee/app/components/namespaces/free_user_cap/base_alert_component.rb

Before	After

app/views/shared/milestones/_delete_button.html.haml

Before	After

app/views/projects/notes/_more_actions_dropdown.html.haml

Before	After

How to set up and validate locally

ee/app/components/namespaces/free_user_cap/base_alert_component.rb

1. Open ee/app/components/namespaces/free_user_cap/base_alert_component.rb and change the render? method to directly return true, this will force show the cta alerts for testing purposes
2. Visit Group > Project > Manage > Members or http://gdk.test:3000/groups/twitter/-/group_members

app/views/shared/milestones/_delete_button.html.haml

1. Navigate to Group > Project > Plan > Milestones > click a Milestone or go to http://gdk.test:3000/flightjs/Flight/-/milestones/9#tab-issues
2. Click the three dots in the top right for "Milestone actions" then view "Delete"

app/views/projects/notes/_more_actions_dropdown.html.haml

1. Navigate to a Project > Code > Snippets or directly http://gdk.test:3000/flightjs/Flight/-/snippets
2. Create a snippet then add a comment
3. Click the three dots for "more actions" then hover over "Copy link"

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.