Explore better options for containing within a web component shadow root

[Darhagonable]

Why?

With the idea of managing the projects from a customizable panel instead of the standard popup I had the idea of containing the panel within a Web Component.
Currently this is done using react-web-component. While react-web-component allows use of shadow root all react logic and Kremling styling will still live in the head of the DOM instead of being contained within the web component.

This is not ideal and better options should be explored