Update style of trace details

[carbonrobot]

• Update style of trace details to compress the information and align the list to the left for easier eye scanning.
• Change some request header info into badges to reduce the amount of room it takes up on screen
• Use an icon button for the copy-to-curl functionality
• Break out response details and headers into separate sections
• Fix the border on the header
• Revert changes to trace list column names; "duration" is long

Before

After

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 27df8f028e2dddb768dcda57693714af46afabb4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages

| Name | Type | | -------------- | ----- | | @envyjs/webui | Patch | | @envyjs/apollo | Patch | | @envyjs/core | Patch | | @envyjs/nextjs | Patch | | @envyjs/node | Patch | | @envyjs/web | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR