Swap position of Metrics and Tool tabs

[coverbeck]

Description
Gives a little more prominence to metrics, moving the tools tab out of the initial scrolling view, until we come up with a better solution.

Cypress test changes are annoying and a little hard-coded, but I'm going to limit the scope of this change for the release.

Review Instructions
Navigate to a workflow and version with metrics and ensure the metrics tab visible. Something like this:

Issue
SEAB-6206

Security
If there are any concerns that require extra attention from the security team, highlight them here.

Please make sure that you've checked the following before submitting your pull request. Thanks!

• Check that your code compiles by running npm run build
• Ensure that the PR targets the correct branch. Check the milestone or fix version of the ticket.
• If this is the first time you're submitting a PR or even if you just need a refresher, consider reviewing our style guide
• Do not bypass Angular sanitization (bypassSecurityTrustHtml, etc.), or justify why you need to do so
• If displaying markdown, use the markdown-wrapper component, which does extra sanitization
• Do not use cookies, although this may change in the future
• Run npm audit and ensure you are not introducing new vulnerabilities
• Do due diligence on new 3rd party libraries, checking for CVEs
• Don't allow user-uploaded images to be served from the Dockstore domain
• If this PR is for a user-facing feature, create and link a documentation ticket for this feature (usually in the same milestone as the linked issue). Style points if you create a documentation PR directly and link that instead.
• Check whether this PR disables tests. If it legitimately needs to disable a test, create a new ticket to re-enable it in a specific milestone.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (b8197bf) 40.44% compared to head (a994721) 40.44%.

Additional details and impacted files

@@               Coverage Diff               @@
##           release/2.12.0    #1926   +/-   ##
===============================================
  Coverage           40.44%   40.44%           
===============================================
  Files                 369      369           
  Lines               11489    11489           
  Branches             2944     2944           
===============================================
  Hits                 4647     4647           
  Misses               4506     4506           
  Partials             2336     2336           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[svonworl]

Given the proximity to the release, I support swapping the button positions, as it is relatively safe.

However, in a hotfix, it would be easy to make the buttons less wide, so they all fit and are visible simultaneously, see this styling that I added to the accordion tab bar to make the "Archived" button fit:

dockstore-ui2/src/app/shared/styles/my-entry-sidebar.scss

Line 70 in f0766ab

:host ::ng-deep .mat-tab-label {

This styling makes the button width adapt, so they fill what's available, but also can shrink if necessary.

[sonarcloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud