Redesign of MR header sections (CE Port)

What does this MR do?

This is the CE port of gitlab-ee!8593

What are the relevant issue numbers?

• Part of gitlab-ee#1979
• Part of gitlab-ee#8350

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated
• Tests added for this feature/bug
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides
• Link to e2e tests MR added if this MR has Requires e2e tests label. See the Test Planning Process.
• Security reports checked/validated by reviewer