Handle PB Element plugin errors during render

[Fsalker]

Related Issue

#686

Your solution

Wrapped the two Element.tsx components inside Error Boundaries.

How Has This Been Tested?

The Render Element was tested by opening up the Pages. Here we clearly see an Element component which I've tested by intentionally throwing an error inside the Error Boundary.

[Pavel910]

Added a few change requests :)

[Pavel910]

Can you also attach an image to the PR of what an error looks like when rendered? Thanks!

[Fsalker]

Here we go, there's an image now

[Fsalker]

Also, I'll remove the commented lines currently present in the code if this version of the PR is ok. Those lines help me test it out 😄

[Pavel910]

@Fsalker this looks ok, we can tweak minor things later on. One last thing: replace the An error has occured text with a simple Error: ${error.message}. That long text doesn't bring any meaning but takes up a lot of space. And remove the test errors of course ;)

[Fsalker]

alright, here we go. everything should be k now

[Pavel910]

Let's merge this one and I'll give it another test before publishing.