[BUG] UI Mode feedback

[mxschmitt]

• console.log(page) makes Console tab unusable.

    test('should allow me to add todo items', async ({ page }) => {
      console.log(page)
    });

  • we should not render the whole object or cut out after X lines
• Make links in Console tab clickable
• Add a copy button to request/response body
• Align the request/response headers in a table, then its easier to parse them with the eye (aka. like DevTools)
• When I'm in the "details view" of a specific network request, I don't want to loose information or have to go back.
  • Add the Status and Method to it
• On the left side there is a number, hard to understand what it is based on. We should add least add a title when the users hovers over it.
• Would love to have a placeholder in the Inspector tab. placeholder seems not easily possible as per here.
• snapshotTitle seems wrong, for that execute the "should clear text input field when an item is added" test.
  the red square is the actual waitForFunction. Thats afterwards when I hover over it is no waitForFunction anymore.
  
• There are performance issues when resizing the Window. It should not hang during resizing. Repro: Execute a test, open snapshot, have nothing selected in the timeline (not sure if it matters) and then resize the width. e.g. debounce.