Consistent rendering of plotly widget across copilot and standalone UI

[hareeshmu]

Describe the bug
Chainlit Copilot widget is not rendering plotly graph correctly like it shows in the webchat.
In copilot, the Chart Tiles does not show, chart interactive icons are mis-aligned, mouse over values does not show, legends does not show.

To Reproduce
Steps to reproduce the behavior:

Create a plotly chart and try in both webchat and copilot.

Expected behavior
Plotly chart should render exactly same as in webchat.

Screenshots
Copilot - You can see there is no title, missing mouse hover info, icons are misaligned:

Webchat - The same looks good here:

Desktop (please complete the following information):

• OS: Windows 11
• Chrome/Edge
• 127.0

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Using latest chainlit version 1.3.1

[dosubot]

I didn't find any similar threads related to the issue you described.

To continue talking to Dosu, mention @dosu.

Written by @dosu, approved by dokterbob

[dokterbob]

Happy to receive a PR on this one!