Update images in debugging pane

[conradolandia]

Pull Request

Pull Request Checklist

• Read and followed this repo's Contributing Guidelines
• Based your PR on the latest version of the correct branch (master or 4.x)
• Checked your writing carefully for correct English spelling, grammar, etc
• Described your changes and the motivation for them below
• Noted what issue(s) this pull request resolves, creating one if needed

Description of Changes

• Added new images in WebP format and videos in WebM format, and updated relevant references in doc/panes/debugging.rst, using video tags for videos.

[netlify]

👷 Deploy Preview for spyder-docs-preview processing.

Name	Link
🔨 Latest commit	ae781b3
🔍 Latest deploy log	https://app.netlify.com/projects/spyder-docs-preview/deploys/69c1c4d455c1eb0008a4b6c0

[CAM-Gerlach]

LGTM now, thanks @conradolandia

[ccordoba12]

All content looks good to me now, thanks Andres!

[CAM-Gerlach]

Marked this as draft again as this will be merged after #404 / #407 and the subsequent 6.x branch cut.

The deploy preview actually works but for some reason, while the build 18 hours ago added it as normal, for the latest one 13 hours ago Netlify removed the deploy preview link for some reason and is also not showing it in the deploy log either, nor is the webhook working that triggers the GitHub status. Also happened in PR #407 at the same time, I didn't change anything with Netlify between those times, so assuming is some kind of temporary issue on their side (it will not retrigger unless a new commit is pushed).