Add a tab option to create iframes with a main purpose of embedding external GUIs that are not natively integrated yet

[VigneshVSV]

Currently four tabs exist - properties, actions , events and doc.

doc will be later adapted to a TD editor.

We need to add a tab creation feature where a custom made python based GUI could be added.

For example, I once created a GUI based on panel here, the styles of material design unfortunately did not match and therefore I dropped the idea of integrating it. However, in may 2025, a panel material UI has come up where the styles are matching. It would be nice to allow users to directly view this GUI in our UI. Of course, a separate attempt can be made to integrate bokehJS, for which a separate issue will be created.

Rough steps:

• add a plus button on the tab section
• accept URL of the GUI, checkbox whether to show border, name of the tab (default "GUI") and maybe some more relevant parameters in a dialog box. On press OK, create said tab and load the GUI inside the iframe.
• add a setting in the settings menu about what could be the allowed URLs or hostname to load within the iframe
• integrating saving both the iframe URL value and the allowed URLs onto the browser local storage so that the same iframe can be autoloaded when accessing the same TD

This would a great value adding issue especially because people can now write GUIs for their devices in python and load the GUI directly along with the TD in the same tool. Many other frameworks exist like dash-plotly, streamlit etc. In dash-plotly, material design is possible.