Rewrite Pipeline Graph in Vue.js to allow realtime

What does this MR do?

Frontend part of making pipelines graph realtime.

Transform existing haml into vue:

• Create vue bundle

• Create graph component

• Create stage component

• Create badge component reusable between the big graph and the dropdown with jobs

• Create dropdown component

• Create tests for all new components

• Fixes HTML structure of job dropdown

• - [ ] Remove USJ for actions calls Let's go with baby steps and remove this in a second iteration

Screenshots

Note: the arrow in the dropdown is not visible because this branch is not synced to master - this bug is already fixed in master

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Tests
  • Added for this feature/bug
  • All builds are passing
• Conform by the merge request performance guides
• Conform by the style guides
• Branch has no merge conflicts with master (if it does - rebase it please)
• Squashed related commits together

What are the relevant issue numbers?

Closes #25226 (closed) Closes #31557 (closed)