Add support for selecting metric via query param

[WunderBart]

What?

This PR adds support for selecting an active metric via URL param, for example:

http://localhost:3000/project/gutenberg/block-theme-timeToFirstByte

Apart from the above, this PR does the following:

• Improves page stability by preventing the graph's canvas from being remounted on each metric change.
• Fixes setting the background color for an active metric card.

How to test

1. Make sure setting the metric query param works both ways:
   • it should select the metric when passed in the URL and
   • it should update the URL when a metric is clicked.
2. Ensure the default metric query param is set when a dashboard opens. For example, clicking http://localhost:3000/project/gutenberg should update the URL to http://localhost:3000/project/gutenberg/firstBlock.
3. Make sure the graph canvas renders as expected when metrics change.
4. Make sure the background color for an active metric is set as expected.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
codehealth	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 21, 2024 1:55pm