[✨ Feat] API 요청 편집기와 응답 패널 UX 개선 (#85)

[dlwldn30]

변경 사항

• API 요청 화면을 Endpoint 탐색, 요청·응답 작업면, 실행 근거의 3열 구조로 재구성했습니다.
• 예상 호출 경로를 응답 아래의 접힌 보조 정보로 이동하고 중복 설명을 제거했습니다.
• 외부·sample 응답을 단일 표시 모델로 통합하고 HTTP 결과와 Span 수집 상태를 독립적으로 표시합니다.
• URL 누락, HTTP method 미지정, JSON 오류를 실행 버튼 가까이에서 안내하고 실행을 차단합니다.
• 980px 이하 작업 우선 배치와 720px 이하 API 변경 접기·sticky 실행 버튼을 적용했습니다.
• 분산 Trace E2E에 요청 화면 모바일 순서와 가로 overflow 검증을 추가했습니다.

검증

• backend ./gradlew clean test
• order-service ./gradlew test
• product-service ./gradlew test
• frontend npm test -- --run --maxWorkers=1
• frontend npm run lint
• frontend npm run build
• frontend npm run test:e2e -- distributed-trace.spec.ts
• ./scripts/verify-demo.sh
• docker compose config --quiet
• git diff --check
• 1440x900, 1280x800, 390x844 화면 및 모바일 overflow 확인

Fixes #85