Resolve "Improve project overview UI" - quick links and dashed buttons

What does this MR do?

We will keep the quick links and dashed buttons as they are for now, pending feedback to be gathered in ux-research#71 (closed)

Quick links and dashed buttons will be separated in two rows. Dashed buttons will always be shown below the quick links.

The quick links row will always show links to Files, Commits, Branches and Tags, even if the project has an empty repository. If that is the case, we will either disable interaction with these links or evaluate the possibility of creating empty state pages for these items.

When enabled, the quick links will be presented in this order:

1. Project and contribution info (Readme, Changelog, Contribution guidelines...)
2. Quick links to project sections (Repository, Commits, Branches, Tags...)
3. Quick links to configuration (CI/CD configuration...)

Are there points in the code the reviewer needs to double check?

Not yet 😄

Why was this MR needed?

See #44704 (closed)

Screenshots (if relevant)

Project Overview, Authenticated

Project Overview, Unauthenticated

Does this MR meet the acceptance criteria?

• Documentation created/updated
• API support added
• Tests added for this feature/bug
• Conforms to the code review guidelines
  • Has been reviewed by a UX Designer
  • Has been reviewed by a Frontend maintainer
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides
• If you have multiple commits, please combine them into a few logically organized commits by squashing them
• Internationalization required/considered
• End-to-end tests pass (package-and-qa manual pipeline job)

What are the relevant issue numbers?

Closes #44704 (closed)