Implemented image uploading on web

[xkaper001]

fixes #239

Description

Introduce functionality for uploading images, including profile pictures, by utilizing byte data instead of file objects. Update relevant components to handle image bytes and improve image display methods. Now, Uploading images works on the web as well.

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

This has been tested on Chrome web browser and a physical Android device as well.

Preview/Screenshots

issue239.-.Made.with.Clipchamp.mp4

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

Maintainer Checklist

• closes bug: Uploading images not implemented on web #239
• Tag the PR with the appropriate labels

[mdmohsin7]

Will the uploading functionality work as expected on other platforms?

[xkaper001]

Yes, @mdmohsin7 this isn't platform dependant and works on all platforms.