Move archived component to vue file

What does this MR do?

1. Move archived component to vue file
2. Add i18n
3. Add more understandable test cases

Does this MR meet the acceptance criteria?

• Tests added for this feature/bug
• Review
  • Has been reviewed by Frontend
• Conform by the merge request performance guides
• Conform by the style guides
• Squashed related commits together
• Internationalization required/considered

What are the relevant issue numbers?

https://gitlab.com/gitlab-org/gitlab-ce/issues/34371