Cycle analytics - implement card ui for stage list

What does this MR do?

Implements the card ui needed for the stages list for cycle analytics.

• Moves the existing stage-nav-item from haml to vue
• Update the style of the list to match the card list in the new designs
• Adds unit tests

Before	After: canEdit = false	After: canEdit = true

CE Port

https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/31580

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

• Label as security and @ mention @gitlab-com/gl-security/appsec
• The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
• Security reports checked/validated by a reviewer from the AppSec team

Related issue

#13076 (closed)

.gitlab/ci/frontend.gitlab-ci.yml

@@ -15,7 +15,7 @@
 .gitlab:assets:compile-metadata:
   <<: *assets-compile-cache
   extends: .dedicated-no-docs-pull-cache-job
-  image: dev.gitlab.org:5005/gitlab/gitlab-build-images:ruby-2.6.3-git-2.21-chrome-73.0-node-12.x-yarn-1.16-graphicsmagick-1.3.29-docker-18.06.1
+  image: dev.gitlab.org:5005/gitlab/gitlab-build-images:ruby-2.6.3-git-2.22-chrome-73.0-node-12.x-yarn-1.16-graphicsmagick-1.3.29-docker-18.06.1
   dependencies:
     - setup-test-env
   services: