Add 'Test in browser' affordance on endpoints

[greatest0fallt1me]

Description

This is a UI/UX issue for the GrantFox campaign. This is a UI/UX issue for the GrantFox campaign. One-click test that opens inline test runner.

Requirements and Context

• Implement per the description
• Add focused tests for the change
• Document any API/visible changes
• Adhere to repo's lint and code style
• Must be secure, tested, and documented
• Should be efficient and easy to review

Suggested Execution

1. Fork the repo and create a branch

   git checkout -b feature/test-in-browser

2. Implement changes
   • src/components/TestInBrowser.tsx (new)
   • src/pages/ApiDetailPage.tsx
3. Test and commit
   • Run the repo's standard test suite and lint
   • Cover edge cases; include output in the PR

Example commit message

feat: Test in browser affordance

Acceptance Criteria

• Implementation matches the description
• Tests added and passing
• Code review approved
• Docs updated

Guidelines

• Responsive across all breakpoints
• WCAG 2.1 AA accessibility
• Design-token + dark-mode consistency
• Clear documentation and inline comments
• Timeframe: 96 hours

[gloskull]

Hi, I’d love to work on this issue. I have 4 years of experience across backend, frontend, full-stack, and smart contract development. I understand the task clearly and can deliver a clean, efficient, well-tested solution on time, with strong focus on code quality and maintainability. My PR will be submitted in under 10 hours.