Adapt to predfined width

[freiffde]

As an user
I want the XML-Viewer to adapt to the inherited width
so that when its used in smaller containers it adapts well to the ui

=====

Hey,

I really enjoy the XML-Viewer. I think it has great potential and I currently use it for debugging. For this purpose it works well, I however face issues when wanting it to be smaller/ the xml is overflowing. The inherited width is currently ignored and the overflow is set to visible which cuts off after the screen. It would be great long-term to have a feature in place that allows the XML-Viewer to adapt to the inherited width. Additionally I think of maybe introducing a prop that regulates wether the overflow should be either visible, scroll or if the width should be inherited. When the width is inherited there will be some form of line breaks needed.

I tried to implement it and open a PR, but unfortunately I did get it to work, hence I open this issue if someone else may get it work.

Many thanks!