Upload images during profile editing

[AnastasiiaLutsykiv]

As a registered user,
I want to upload banner and logo images for my company/startup's profile,
so that it is more recognizable using logo,
and the profile representation is more attractive.

Acceptance Criteria

1. Upload the image

Given I am editing the profile
When I review "Загальна інформація" tab
Then there are "Зображення для банера" and "Логотип"
And there is a button to upload the image next to each of them.

When I press on the Upload button
Then the File Explorer/Finder window is opened
And the user can select only files with the following criteria:

• png, jpg, jpeg formats
• size for banner: less than 5 Mb
• size for logo: less than 1 MB

Design - when images are not uploaded

2. Display how the image is shown in other places

When the user selects the file and it is valid
Then the system should save it without cropping
And the image should be displayed in the small size with the ratio taken from other places:

• for banner: 2 small pictures: one with "New members" card ratio, another with "View profile" page ratio
• for logo: 1 small picture with round shape
• the appropriate text is shown

3. Delete the file

When the file is already uploaded
Then the user should be able to delete the uploaded image.

When the file is deleted,
Then the new file can be uploaded
And the appropriate text is shown

linked epic: #6

Technical note
apply CSS property object-fit: cover;