Display correct Job status in Environment Dashboard

• Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA. As a benefit of being a GitLab Community Contributor, you receive complimentary access to GitLab Duo.

What does this MR do and why?

This MR replaces project-pipline component with deployment-status-badge in the Environment card because we want to show the job status for every environment and not the overall pipeline status.

References

Screenshots or screen recordings

Before	After
With blocked status	With blocked status
With failed status	With failed status

How to set up and validate locally

1. Checkout to the branch 517591-fix-env-dashboard-job-status and run the project
2. Make sure you have EE license
3. Open any project
4. Create a mock pipeline with two environments--staging and prod. Fail or Block the job for one of the environments. Run the pipeline. You can use this gitlab-ci.yml file
5. Go to Home > Environments tab
6. Add the project for which the pipeline ran
7. You should be able to see the Environment cards with the job status

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #517591