Feat(Builder): Add Video and Image Rendering to Block outputs

[Torantulino]

Background

We want to be able to previous images and videos in the Builder.

Changes 🏗️

This change checks if an output url points to an image or a video, and renders it in the output table rather than displaying the url.
This works for raw video urls and YouTube urls.

Testing 🔍

Recording.2024-09-25.155309.mp4

[qodo-merge-pro]

PR-Agent was enabled for this repository. To continue using it, please link your git user with your CodiumAI identity here.

PR Reviewer Guide 🔍

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 No relevant tests

🔒 Security concerns Cross-Site Scripting (XSS): The code directly renders URLs as image sources and video sources without sanitization. This could potentially lead to XSS attacks if the URLs are user-provided or come from an untrusted source. Consider implementing URL validation or sanitization before rendering.

⚡ Key issues to review Performance Concern The isValidVideoUrl and isValidImageUrl functions are called for every cell, which could be inefficient for large datasets. Accessibility Issue The VideoRenderer component doesn't provide captions or transcripts for videos, which may affect accessibility. Error Handling There's no error handling for cases where the video or image fails to load.

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	1a0b594
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/66f5ef357b3ff5000890250d

[ntindle]

Extract all this rendering to a reusable component isolated from this concern. We may want to do this across the app and also polluting the datatable is not the place for this code

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[majdyz]

Removing myself from the reviewer list to remove bias

addressed