Implement videos

[MarcSkovMadsen]

Continuation of #32. Closes #46. Closes #49. Closes #50

Implements playwright automation that creates great videos. I improve the examples a bit on the go so that they look and feel better.

Todo

• [x] Make sure all examples use a nice style. For example material. Closes #40
• [x] Implement code to generate video examples
  • [x] basics
  • [x] components
  • [x] features
  • [x] langchain
  • [x] mistral
  • [x] openai
• [x] Fix test errors
• [x] Make tests run fast normally. And slower when recording video.
• [x] Collect screenshots and videos and persist them somewhere they can be used in the examples gallery

[MarcSkovMadsen]

Videos in the docs are going to be so cool.

[MarcSkovMadsen]

Hi @ahuang11

If the tests pass (they do locally) then this is ready for review. If you have the time please consider reviewing and merging it. It will bring many improvements including screenshots and videos for each example. As this one has renamed all files it will require some work to merge if you continue working on main for some time before looking at this. Thanks.

[codecov-commenter]

Codecov Report

All modified lines are covered by tests :white_check_mark:

Comparison is base (5b56b23) 98.41% compared to head (21a43f9) 98.41%. Report is 16 commits behind head on main.

:exclamation: Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #41 +/- ## ======================================= Coverage 98.41% 98.41% ======================================= Files 2 2 Lines 63 63 ======================================= Hits 62 62 Misses 1 1 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[ahuang11]

Thanks! It looks awesome. I'll take a look after fixing langchain docs + tests on Panel.

[ahuang11]

Looks awesome! Thanks!