[Components] Add support for matplotlib

[amrutha97]

Description

Add support for rendering Matplotlib figures as a component. Users should be able to do the following in an example project:

from preswald import matplotlib

When they run:

preswald run hello.py

The plot should render in the frontend automatically.

---

Tasks

Backend

• Update preswald/components.py to support matplotlib.plot().
• Convert matplotlib.figure.Figure to a format the frontend can handle (PNG, SVG, etc.).
• Ensure the component follows the existing serialization structure.
• Add tests to verify that Matplotlib figures can be created, serialized, and sent to the frontend.

Frontend

• Add a new component in frontend/src/components/widgetsto render Matplotlib figures.
• Handle the received image format properly (PNG, SVG, etc.).
• Ensure the component updates dynamically when new figure data comes in.
• Handle layout and resizing correctly.

Integration

• Update DynamicComponents.jsx to recognize and render the Matplotlib component.
• Test by running preswald run hello.py with a script that uses matplotlib.plot().

Docs

• Update the preswald-docs repo:
  • Add a new documentation file under components/ explaining how to use matplotlib.plot().
  • Update mint.json to include the new component.

---

Acceptance Criteria

• Running preswald run hello.py with matplotlib.plot() renders the plot in the UI.
• The component updates dynamically when new data is passed.
• No breaking changes to existing components.
• Documentation is updated.

[bluzeey]

Picking this up @amrutha97 .

[devilkiller-ag]

Hi @bluzeey, are you still working on this? Or can I take this issue?