Backports security reusable components into CE to use in JUnit report

What does this MR do?

Backports security reusable components into CE to use in JUnit report:

• The components needed to build the JUnit report section (https://gitlab.com/gitlab-org/gitlab-ce/issues/45318) are all EE.

• This MR backports the reusable components that will be needed to build the reports section in CE.

This is step 1 of:

Full plan, divided by MRs:

1. Move EE to CE: https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/20613
2. Adjust EE code with the new CE code: https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/6533
3. Remove as much logic as possible from the components
4. Move help_popover outside of the reports section
5. Create Vuex Store to handle the JUnit reports

Does this MR meet the acceptance criteria?

• Tests added for this feature/bug
• Conform by the code review guidelines
  • Has been reviewed by a Frontend maintainer
• Conform by the merge request performance guides
• Conform by the style guides
• If you have multiple commits, please combine them into a few logically organized commits by squashing them
• Internationalization required/considered

What are the relevant issue numbers?

#45318 (closed)