Harmonizing link styling on pipeline index page

What does this MR do and why?

This MR attempts to change the styling of the many links present on the pipeline index page such that only the important information stands out. Pajamas guidelines: refer to meta links section #394768 (closed) Issue link: #394768 (closed)

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before	After

How to set up and validate locally

1. Run a few pipelines on a GDK project. Few could be just run from clicking on the Run pipeline button from the pipeline index page. But make sure you have at least one pipeline run for an MR.
2. Use the following 2 .gitlab-ci.yml files to test. One would display the commit name and the other pipeline name.

Build-job:
  stage: build
  script:
    - echo "Hello, $GITLAB_USER_LOGIN!"

test-job1:
  stage: test
  script:
    - echo "This job tests something"

test-job2:
  stage: test
  script:
    - echo "This job tests something, but takes more time than test-job1."
    - echo "After the echo commands complete, it runs the sleep command for 20 seconds"
    - echo "which simulates a test that runs 20 seconds longer than test-job1"
    - sleep 20

deploy-prod:
  stage: deploy
  script:
    - echo "This job deploys something from the $CI_COMMIT_BRANCH branch."

To replace commit name with pipeline name:

workflow:
  name: 'Ruby 3.0 master branch pipeline'

stages:
    - build
    - test
    - deploy

wait_job:
    stage: build
    script: 
        - sleep 10

build_job:
    stage: build
    needs: ["wait_job"]
    script:
        - echo "finished"
    only: 
        - master

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.