enable gif-support

[Rishikesh63]

This PR resolves issue #4560 by extending MediaBlock to support .gif files in addition to .png and .jpg. A hidden file input now accepts all common image formats, allowing students to import animated GIFs for their MusicBlocks projects .

[github-actions]

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

[walterbender]

The gif files load but don't animate.

[Rishikesh63]

@walterbender if i removed this part even then i am able to import images and gif
/**
* Represents a block that imports an image.
* @Class
* @extends ValueBlock
/
class MediaBlock extends ValueBlock {
/*
* Constructs a MediaBlock instance.
* @constructor
*/
constructor() {
super("media", _("Media").toLowerCase());

        // Set palette and activity for the block
        this.setPalette("media", activity);
        this.beginnerBlock(true);

        // Set help string for the block
        this.setHelpString([
            _("The Media block is used to import an image."),
            "documentation",
            null,
            "turtleshell"
        ]);

        // Form block with image and output type
        this.formBlock({
            image: "images/load-media.svg",
            outType: "mediaout"
        });
    }
}.   

[Rishikesh63]

i am asking which part of code is related to importing images

[Rishikesh63]

@walterbender i comment out the mediablock.js to see is there any effect of this on media or not , i have seen there is not any effect of it

[walterbender]

I am not sure how you would import an image (or use it) w/o the media block.