Update classes for CI status icons in deployments

What does this MR do and why?

The ci-status class was altered in a9b345ee to remove some margins and move to gitlab-ui utility classes. These changes need to be ported to the deployments page as well until the environment_details_vue feature flag is rolled out and removed.

Rollout for the above flag is tracked at #384914 (closed)

Changelog: fixed

Screenshots or screen recordings

before	after

How to set up and validate locally

1. add the following .gitlab-ci.yml to a project for some deployments:

stages:
    - deploy
    - stop
image: alpine:latest

deploy-prod:
    stage: deploy
    script:
        - sleep 60
        - echo "deploying prod"
    environment:
        name: production

deploy-staging:
    stage: deploy
    script:
        - echo "deploying staging"
    environment:
        name: staging
        url: https://example.com
    when: manual

deploy-review:
    stage: deploy
    script:
        - echo "Deploying review/$CI_COMMIT_REF_NAME"
    environment:
        name: review/$CI_COMMIT_REF_NAME
        auto_stop_in: 1 week
    only:
        - branches
    except:
        - main


stop_review_app:
  script: stop-review-app
  stage: stop
  environment:
    name: review/$CI_COMMIT_REF_SLUG
    action: stop
  rules:
    - if: $CI_MERGE_REQUEST_ID
      when: manual

Run a pipeline to create the environments, then navigate to Deployments > Environments. Click on the production environment to navigate to the deployments page and see the deployments' status.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.