tech-story: [M3-8940] - Dev Tools fixes and improvements

[abailly-akamai]

Description 📝

Long overdue updates to our beloved Dev Tools. This PR does not touch any client code. Brings a lot of improvements and fixes to presets and mocking.

[!NOTE] Code quality/readability/reusability is not as high as it would be for client code, tho I tried best to achieve that while working quickly. The goal aims to help the developer experience first 💨

Changes 🔄

• Allow JSON/nested feature flags toggling (recursively)
• Fix DevTools panel overflow
• Improve re-haul Account/Profile mocking
• Style improvements

Target release date 🗓️

Please specify a release date (and environment, if applicable) to guarantee timely review of this PR. If exact date is not known, please approximate and update it as needed.

Preview 📷

How to test 🧪

Verification steps

• Play with MSW, verify
  • Nested feature flags
  • Profile and accounts
  • No regressions in saving, storing mock data etc

As an Author, I have considered 🤔

• 👀 Doing a self review

• ❔ Our contribution guidelines

• 🤏 Splitting feature into small PRs

• ➕ Adding a changeset

• 🧪 Providing/improving test coverage

• 🔐 Removing all sensitive information from the code and PR description

• 🚩 Using a feature flag to protect the release

• 👣 Providing comprehensive reproduction steps

• 📑 Providing or updating our documentation

• 🕛 Scheduling a pair reviewing session

• 📱 Providing mobile support

• ♿ Providing accessibility support

• [x] I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• [x] All unit tests are passing
• [x] TypeScript compilation succeeded without errors
• [x] Code passes all linting rules

[github-actions[bot]]

Coverage Report: ✅
Base Coverage: 86.92%
Current Coverage: 86.92%

[linode-gh-bot]

Cloud Manager UI test results

:small_red_triangle: 1 failing test on test run #6 ↗︎

:x: Failing	:white_check_mark: Passing	:arrow_right_hook: Skipped	:clock1: Duration
1 Failing	454 Passing	2 Skipped	113m 29s

Details

Failing Tests
	Spec	Test
:x:	smoke-billing-activity.spec.ts	Billing Activity Feed » displays correct timezone for invoice and payment dates

Troubleshooting

Use this command to re-run the failing tests:

yarn cy:run -s "cypress/e2e/core/billing/smoke-billing-activity.spec.ts"