Feature: Add GIF Support to MediaBlock and ShowBlock

[rashap224]

Issue Reference: Fixes #4560

Description
This pull request introduces GIF support to the MediaBlock and ShowBlock classes, allowing users to import and display GIFs within the application. The feature enhances the media capabilities of Music Blocks by enabling dynamic and animated content.

Changes Made

1. MediaBlock Enhancements:

• Updated the MediaBlock class to handle GIF files.
• Integrated a GIF playback library (e.g., gif.js) to process and display GIFs.
• Modified the loadThumbnail method to detect and handle GIF files appropriately.

2. ShowBlock Enhancements:

• Ensured the ShowBlock class can render GIFs on the canvas.
• Adjusted the flow logic to support animated media.

3. Documentation:

• Updated the help strings for the MediaBlock to reflect GIF support.

Testing

• Verified that GIFs can be imported and displayed correctly using the MediaBlock.
• Confirmed that the ShowBlock renders GIFs as expected on the canvas.
• Ran the full test suite to ensure no regressions were introduced.

Impact

• Adds support for animated media (GIFs) to the application.
• Enhances the user experience by enabling dynamic visual content.

[github-actions]

✅ All Jest tests passed! This PR is ready to merge.

[rashap224]

@pikurasa Can u review the PR for this issue and provide feedback.

[FirePheonix]

@rashap224 can you please provide a video recording of this fix?

[pikurasa]

@rashap224

I tested it, but it doesn't seem to work.

Log:

Uncaught TypeError: Cannot set properties of undefined (setting 'connections')
    at Blocks.makeBlock (blocks.js:3597:47)
    at paletteBlockButtonPush (palette.js:32:24)
    at Palette._makeBlockFromPalette (palette.js:1296:30)
    at Palette._makeBlockFromProtoblock (palette.js:1424:33)
    at Image.up (palette.js:1047:26)

[Rishikesh63]

@pikurasa i think @rashap224 removed prototype for text ,error is due to that