make FigureWidget resizing responsive

Hi there,

As suggested by @nicolaskruchten I am open this issue to address FigureWidget specific resizing challenges.

As of the latest 5.12 release the resizing of a plotly FigureWidget is resolved:

import plotly.graph_objects as go

fig = go.FigureWidget()
fig

• #3689

But the issue remains when the widget is in another widget container.

import plotly.graph_objects as go
import ipywidgets as ipw

fig = go.FigureWidget()
ipw.VBox([fig])

• There is a similar issue with bqplot that was adresssed by @mariobuikhuizen [bqplot/bqplot#1531], maybe this is a good starting point (see @maartenbreddels comment https://github.com/plotly/plotly.py/pull/3930#issuecomment-1377376325)

Also it would really help to make responsive webapps with the ipywidgets ecosystem if the FigureWidget would also resize vertically to the available space inside its container.

No one on the Plotly team is really actively working on the Widget side of things so PRs are very welcome :)
I would gladly contribute but my knowledge in javascript is quasi non-existent^^, so I hope some of you are able to help out here.

Best regards, Alex-

Start by reproducing the FigureWidget inside ipywidgets.VBox shown in the issue, then read the referenced bqplot issue and plotly.py PR comment for relevant resizing behavior. Done means the FigureWidget resizes responsively inside another widget container, including vertically to available space.