refactor(web): organize devtools components

[tomerqodo]

Benchmark PR from agentic-review-benchmarks#8

[qodo-code-review]

Code Review by Qodo

🐞 Bugs (0) 📘 Rule violations (1) 📎 Requirement gaps (0)

1. console.error in ReactScan loader 📘 Rule violation ✧ Quality

Description

• The new ReactScanLoader lazy-import error handler calls console.error(...), which violates the
  requirement to avoid console.* statements in production frontend code.
• Even though rendering is gated by IS_DEV, the statement still exists in the shipped module and
  will trigger no-console/policy violations.

Code

web/app/components/devtools/react-scan/loader.tsx[10]

+    console.error('Failed to load React Scan devtools:', error)

Evidence

PR Compliance ID 29 forbids console.* usage in production frontend code. The added loader uses
console.error inside the lazy-import .catch(...) block.

AGENTS.md
web/app/components/devtools/react-scan/loader.tsx[6-12]

Agent prompt

The issue below was found during a code review. Follow the provided context and guidance below and implement a solution

## Issue description
`web/app/components/devtools/react-scan/loader.tsx` uses `console.error`, which violates the policy forbidding `console.*` in production frontend code.

## Issue Context
This runs in a client component and will be included in the production bundle; even if gated by `IS_DEV`, it still triggers lint/policy violations.

## Fix Focus Areas
- web/app/components/devtools/react-scan/loader.tsx[6-12]

ⓘ Copy this prompt and use it to remediate the issue with your preferred AI generation tools

---

ⓘ The new review experience is currently in Beta. Learn more

[qodo-code-review]

1. console.error in reactscan loader 📘 Rule violation ✧ Quality

• The new ReactScanLoader lazy-import error handler calls console.error(...), which violates the
  requirement to avoid console.* statements in production frontend code.
• Even though rendering is gated by IS_DEV, the statement still exists in the shipped module and
  will trigger no-console/policy violations.

Agent prompt

## Issue description
`web/app/components/devtools/react-scan/loader.tsx` uses `console.error`, which violates the policy forbidding `console.*` in production frontend code.

## Issue Context
This runs in a client component and will be included in the production bundle; even if gated by `IS_DEV`, it still triggers lint/policy violations.

## Fix Focus Areas
- web/app/components/devtools/react-scan/loader.tsx[6-12]

ⓘ Copy this prompt and use it to remediate the issue with your preferred AI generation tools