[ Fix : Oversized Image in Image Drawer ]

[rohitPandey469]

Description of the Bug Fix

During the resolution of issue #190 and its associated PR #204, it was discovered that when mapping over all the image URLs in the image drawer, the images were not being properly constrained, resulting in oversized or wide images. This led to the ImageDrawer occupying the entire screen.

To Reproduce

Steps to reproduce the behavior:

1. Apply the changes from PR [ Fixes : 'Add Images' button workings and Image Drawer Bug fixed ]  #204 to address the underlying issue.
2. Upload an image using the 'Add Images' button in tutorials.
3. Functionality should be restored.
4. Upload a wide or large image.
5. Observe the ImageDrawer occupying the entire screen.

Expected Behavior

The ImageDrawer size should be fixed, or the size of the images should be appropriately constrained.

Video

codelabz-google-chrome-2024-02-02-15-10-48_lWMdTyVJ.mp4

Desktop (Please complete the following information):

• OS: Windows
• Browser: Chrome

Additional Context

No additional context rn.