Fix nav menu

[DinneK]

module-name: Fix navigation for metrics

Problem

The menu in the navigation bar does not open and close correctly.

Solution

Change logic in nav.js to account for open/close. Change css to match 3.0 design.

Result

Menu works as intended.

Test Plan

Test in browser locally and in prod.

Bug

When hovering over menu a text-decoration: underline still shows up.

Next Steps

Fix line under menu SVG to none.

[natalialuzuriaga]

The nav menu styling looks and works great!! There is a nitpick regarding the toggling but ultimately this isn't blocking anything and can be addressed at a later time.

[github-actions]

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

prettier

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Lines 254 to 256 in 8d209a7

	const range = [];
	const start = Math.max(2, currentPage - visibleRange);
	const end = Math.min(totalPages - 1, currentPage + visibleRange);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Line 258 in 8d209a7

range.push(1);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Line 260 in 8d209a7

if (start > 2) range.push('...');

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Line 263 in 8d209a7

range.push(i);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Line 266 in 8d209a7

if (end < totalPages - 1) range.push('...');

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Line 268 in 8d209a7

if (totalPages > 1) range.push(totalPages);

---

[prettier] _{reported by reviewdog 🐶}

metrics/app/src/js/projects.js

Line 270 in 8d209a7

return range;