[Enhancement] For JSON responses in query pane, single object responses and array with single object responses look identical

## Description

For some datasources like MongoDB and Firestore, the result in the query editor view is shown in the form of JSON objects, instead of a table. However, the view renders an array of objects in the form of each object showing up in a single card-like view. As a result of this a single object response and an array response containing a single object look the same visually.

That is the following two responses look the same:

```json
{
"body": {
"one": "one-value",
"two": "two-value"
}
}
```

```json
{
"body": [
{
"one": "one-value",
"two": "two-value"
}
]
}
```

### Steps to reproduce the behaviour:

Run the Firestore method `Get Single Document` on a path that exists and points to a valid document. Examine the UI about how the single object response is rendered.

Run the Firestore method `Get Documents in Collection`, with limit set to 1, on a path that exists and points to a valid collection. Examine the UI about how the array with single object is rendered.

### Important Details
- Version: Cloud
- OS: macOS
- Browser: Firefox