fix: improve element formatting

[mdjastrzebski]

What:

Improve element formatting in output messages:

Before:

Received element is visible:
  Object {
  "props": Object {
    "children": undefined,
    "testID": "test",
  },
}

After:

Received element is visible:
  <View
    testID="test"
  />

Why:

Improve readability for printed element

How:

Persuade ReactTestComponent plugin to pretty-format package that passed element is ReactTestRendererJSON instance, so that if formats it as JSX.

Checklist:

• Documentation added to the
  docs N/A
• Typescript definitions updated N/A
• Tests
• Ready to be merged

[codecov]

Codecov Report

Merging #122 (b58f48e) into main (1b65ce3) will not change coverage.
The diff coverage is 100.00%.

@@            Coverage Diff            @@
##              main      #122   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files            9         9           
  Lines          175       175           
  Branches        57        57           
=========================================
  Hits           175       175           

Flag	Coverage Δ
node-14	100.00% <100.00%> (ø)
node-16	100.00% <100.00%> (ø)
node-18	100.00% <100.00%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
src/utils.ts	100.00% <100.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[github-actions]

🎉 This PR is included in version 5.1.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀