TW-1806: fix image weird display on web

[sherlockvn]

Issue: https://github.com/linagora/twake-on-matrix/issues/1806

Root cause:

When sending unsupported image format in web, it causes the image become blur and don't have data in image. Then, it will fallback to the errorWidget of Image.network widget => because errorWidget don't have width, so it make looks weird

Demo web, android

https://github.com/linagora/twake-on-matrix/assets/43041967/cfc167e4-7f04-4e3e-a4ed-42a75b90b584

Demo web, ios

https://github.com/linagora/twake-on-matrix/assets/43041967/1a5eecd0-cc3e-4bab-b523-d02362f94857

https://github.com/linagora/twake-on-matrix/assets/43041967/d3ccc707-8007-43bc-bc4b-820c00a9f523

https://github.com/linagora/twake-on-matrix/assets/43041967/17609361-9d12-4eb1-9e01-8662d25580dc

[github-actions[bot]]

This PR has been deployed to https://linagora.github.io/twake-on-matrix/1866

[sherlockvn]

• [x] Handle the case not supported image send from ios device

[hieutbui]

I built and tested. It works well for:

• [X] PNG (.apng, .png)
• [X] JPG (.jpg, .jpeg, .jfif, .pjpeg, .pjp)
• [X] AVIF
• [X] SVG
• [X] WEBP
• [X] CR2
• [X] CUR
• [X] DDS
• [X] DNG
• [X] ERF
• [X] EXR
• [X] HDR
• [X] PICON
• [X] PSD
• [X] ICO
• [X] SGI
• [X] HEIC/HEIF
• [X] BMP
• [X] GIF

[Te-Z]

LGTM, please rebase and squash

[sherlockvn]

Done

LGTM, please rebase and squash

[sherlockvn]

also i need to merge this one first: https://github.com/linagora/matrix-dart-sdk/pull/62

[Te-Z]

also i need to merge this one first: linagora/matrix-dart-sdk#62

done