Rearrange pipelines page

What does this MR do and why?

This rearranges the columns of the pipelines component, changing the overall look and feel of the pipelines page and pipelines table inside the MR page

This is behind the rearrange_pipelines_table feature flag

#339230 (closed)

Screenshots or screen recordings

Pipelines page

Before

Desktop	Mobile

After

Desktop	Mobile

Merge request page

Before

Desktop	Mobile

After

Desktop	Mobile

• Note the merge request page showing a slightly larger column width is because the gitlab-ui update didn't kick in, updating...

How to set up and validate locally

1. Enable the rearrange_pipelines_table feature flag

Feature.enable(:rearrange_pipelines_table)

2. Visit any project that has pipelines and go to the CI/CD -> pipelines page

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.