Feature: Interactive DAG + inputs/outputs per rule

[bobbyxng]

Changes proposed in this Pull Request

• New feature: adding an interactive DAG (html) that allows to view per rule inputs and outputs, as well as selecting upstream and downstream rules (hover) or connected rules (on click)
• File endings are colored by linguist standardised colors if available: https://github.com/github-linguist/linguist/blob/main/lib/linguist/languages.yml
• HTML is fully self-contained, used .js are embedded in the html file
• Demo: https://bxio.ng/assets/html/dag_interactive

Checklist

• [X] I tested my contribution locally and it works as intended.
• [X] Code and workflow changes are sufficiently documented.
• [X] Changed dependencies are added to pixi.toml (using pixi add <dependency-name>).
• [ ] Changes in configuration options are added in config/config.default.yaml.
• [ ] Changes in configuration options are documented in doc/configtables/*.csv.
• [ ] For new data sources or versions, these instructions <https://pypsa-eur.readthedocs.io/en/latest/data_sources.html>_ have been followed.
• [ ] A release note doc/release_notes.rst is added.

Screenshot

[Irieo]

HOLY MAGIC 🤩

[fneum]

@coroa pointed me to xdot: https://github.com/jrfonseca/xdot.py

Could be preferable over own solution.