Fix: Ensure minimum dimension of 120x120px for file uploads

[rumzledz]

Description

As discussed with Product, files being uploaded should have a dimension of at least 120x120px.

Testing

Pika

1. Generate a create colony URL: node scripts/create-colony-url.js
2. On the token creation page, upload Pikachu
3. Verify that:

• the error message says: "Image dimensions should be at least 120x120px"
• you hear an audio clip of an angry Pikachu (of course I'm kidding, don't request changes because of this)

4. Visit the Planex colony: http://localhost:9091/planex/
5. Bring up the Edit colony details form
6. Upload Pikachu as the Colony logo
7. Verify that the error message says: "Image dimensions should be at least 120x120px"

Resolves #3858

[melyndav]

Hey @rumzledz -

There are a few other areas this PR needs to address, as the 250x250 dimension was used globally across all image uploads. The following sections need to be updated to ensure consistency with a single dimension for all image touchpoints and across all responsive sizes.

1. Profile page in the User Account section:

2. Edit Colony action - change Colony logo modal

[rumzledz]

Hey @melyndav ! Thanks for visiting this PR 😄 I can confirm that I have updated those areas as well. It is now a minimum of 120x120px across the board 👌

[melyndav]

Hey @melyndav ! Thanks for visiting this PR 😄 I can confirm that I have updated those areas as well. It is now a minimum of 120x120px across the board 👌

You're a superstar!!! Thank you @rumzledz 🥳

[iamsamgibbs]

🎉 Great job Romeo, this is working very nicely everywhere the file upload is used.

[rdig]

SO the size check works as expected, but one thing I noticed is that the "Remove" button doesn't work.

I can "Change" the image, but cannot remove it to get back to the original blockie

Screencast.from.2025-01-24.14-16-51.mp4

[rumzledz]

@rdig I was eventually able to understand the issue you found about not being able to remove the avatar. it turned out to be a master bug that didn't have a reason to make itself known... until now 🐞 I've pushed the changes, hopefully that's the last of that!

[iamsamgibbs]

Nice job, I can remove the image without issue:
https://github.com/user-attachments/assets/95f4ea1c-5bd6-4b71-803d-e63a3e4b023f

And to confirm, it is created with the blockie:

[rdig]

Approving now, all good!

[mmioana]

Hey @rumzledz nice work on this issue! 🎉

The right error message is shown if the dimensions are not 120x120px for the token, the colony and the profile avatar image upload

Screen.Recording.2025-01-29.at.10.12.04.mov

Screen.Recording.2025-01-29.at.10.12.40.mov

Screen.Recording.2025-01-29.at.10.14.03.mov

However @rumzledz I did notice on the avatar image upload, once I remove the file with which I wanted to replace it due to it not respecting the dimensions, the current avatar was replaced with a blockie. Is this as intended? If so, I'll happily approve your PR 🙌

[mmioana]

Approving as the bug related to removing an image from the uploader replacing the existing image with a blockie will be treated in a separate issue. Nice work @rumzledz 🥇