Use Vue component for job artifacts, Commit and Trigger Variables

What does this MR do?

Part of #50904 (closed). Instead of moving everything at once I chose to move things in smaller chunks.

1. Updates the components props to match the API data
2. Uses the Vue component for job artifacts, trigger variables and commit blocks and removes the old haml

What are the relevant issue numbers?

#50904 (closed)

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated
• Tests added for this feature/bug
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides