Add GitOps application details page

[divyanshiGupta]

Jira Story - https://issues.redhat.com/browse/ODC-4289

This PR adds GitOps application details page

Screenshot -

Setup for testing the PR -

• Install the GitOps operator from https://github.com/redhat-developer/gitops-operator
  Note: Use OCP >= v4.5

• Fetch the proxy PR
  git fetch upstream refs/pull/5928/head && git checkout -b gitops FETCH_HEAD

• Build backend to enable the proxy

  source ./contrib/oc-environment.sh
  ./build-backend.sh 
  ./bin/bridge
  

• Create a namespace
  kubectl create namespace pipelines-{USERNAME}-github

• Create secret with your github token in above namespace
  kubectl create secret generic SECRET_NAME --from-literal=token=${GITHUB_TOKEN} -n SECRET_NS

• Add the below mentioned annotation in your namespace
  app.openshift.io/vcs-uri: https://github.com/rhd-gitops-example/gitops.git

Blockers

• GitOps proxy PR - Add proxy for GitOps backend service #5928
• Change TLS termination type to reencrypt redhat-developer/gitops-operator#3

[divyanshiGupta]

/cc: @rohitkrai03

[divyanshiGupta]

/cc: @serenamarie125

[divyanshiGupta]

@sahil143 Thanks for the review. Seems like most of the comments are for code clean-up which I planned to do after all the pieces were in place. Though most of the work is done now, so I am working on the clean-up. There were some comments in the code because I am interchangeably testing with mock and live data.

[serenamarie125]

hey @divyanshiGupta this is looking really good! It seems like there are some inconsistencies with spacing, etc. Are you going to be able to address those before FF or will It be in a follow-on?

Glad to see you're able to get 5 env on a page without scrolling 🎉
FYI @bkrikori

[divyanshiGupta]

@serenamarie125 I have added the missing spaces already, forgot to update the mock. Will update it now.

[divyanshiGupta]

@serenamarie125 updated.

[serenamarie125]

One more nit, are you able to the empty state before FF as well?

Beth added a single message which runs the width of the card.

[divyanshiGupta]

@serenamarie125 I have mentioned in the doc that it is possible to have pod-details and not have commit-details or vice-versa. So I think it is better to have two separate empty states for both. Let me know wdyt.

[rohitkrai03]

/approve

[rohitkrai03]

/lgtm

[openshift-ci-robot]

@divyanshiGupta: The specified target(s) for /test were not found.
The following commands are available to trigger jobs:

• /test analyze
• /test backend
• /test e2e-gcp-console
• /test frontend
• /test images

Use /test all to run all jobs.

In response to this:

/test ci/prow/e2e-gcp-console

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[divyanshiGupta]

/test e2e-gcp-console

[serenamarie125]

LGTM! Great job on this @divyanshiGupta

[openshift-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: divyanshiGupta, rohitkrai03, serenamarie125

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/packages/dev-console/OWNERS [rohitkrai03]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[divyanshiGupta]

/test e2e-gcp-console

[openshift-bot]

/retest

Please review the full test history for this PR and help us cut down flakes.