TW-2066: Fix upload avatar on web

[nqhhdev]

Ticket

• 2066

Root cause

Solution

Resolved

• Web:

  • Settings

https://github.com/user-attachments/assets/54029883-c269-4565-8d4d-1af2fb468e8f

• Chat details

https://github.com/user-attachments/assets/557ba7aa-c969-4fb9-ab8b-bd25196d4eff

• New group chat

https://github.com/user-attachments/assets/25c23ef4-aedc-4870-b981-d8256fb44109

[github-actions[bot]]

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

[hoangdat]

• [ ] write test for the flow of validate avatar size
• [x] write test StreamImageViewer to ensure: at the begining, no bytes data, and then after loaded, bytes data must be equals file size.

[dab246]

• [x] Work fine on Chrome

Memory leak

• I tried changing avatar in profile and found it memory leak when avatar change is successful. IMO, we can fix it in this PR or create new PR to solve it.

https://github.com/user-attachments/assets/6c54c4cf-6cf3-4fc5-b210-e5fecb8dc1cb

[nqhhdev]

• [x] Work fine on Chrome

Memory leak

• I tried changing avatar in profile and found it memory leak when avatar change is successful. IMO, we can fix it in this PR or create new PR to solve it.

  Screen.Recording.2024-10-04.at.13.46.33.online-video-cutter.com.mp4

IMO: Should create a new ticket for improving it because we need grooming for it.

[hoangdat]

no, we should do it directly in this PR. Maybe something wrong in our solution, need to know the root cause at least

[KhaledNjim]

Tested on chrome, some images were not uploaded successfully

https://github.com/user-attachments/assets/ffc077b6-5f70-46e3-8b86-ec8480b4c3cb

[nqhhdev]

Tested on chrome, some images were not uploaded successfully

I just rebased, pls check it again

https://github.com/user-attachments/assets/153a0618-03bc-4873-8582-3bc2f1f69cdc

[nqhhdev]

please rebase

Done