Personal touch: Add profile pictures

[tbsbdr]

Initial Checklist

• I understand this is a user story and questions should be posted in the Community Discussions
• I searched issues and couldn’t find anything (or linked relevant results below)

User Story

As a product guy I want that the UI shows faces so that demo scenarios get a more personal touch.

As a product guy I want to have more representive faces in screenshots and marketing stuff so that ui get a more personal touch.

User Value

• Good first impression

Acceptance Criteria

• Add option to upload profile image in account settings "upload image"
  • (same restrictions as for logo upload, max. 10mb, JPG, PNG)
• if the upload was successful, the new image is instantly previewd (visibility of system status)
• if a profile picte is set, provide option "remove image" (shows initials) + remove image confirmation dialog
• show notification for errors like filesize / wrong file format
• Profile pictures are visible in
  • Account info
  • top bar

Note:

• add e2e tests (not part of this story) - @ScharfViktor will take over ❤

Visuals

[AlexAndBear]

In ordert to archive this we would need a backend implementation of avatar upload and access (basically everyone that has an account on the server can view it).

[dragonchaser]

As discussed with @butonic:

Backend idea:

• create a folder storage/metadata/users
• a sub-folder with the user-id is created upon upload of a profile image
• profile image is persisted there
• can be later reused for other metadata

[AlexAndBear]

@dragonchaser there is a backend story issue ticket opencloud-eu/opencloud#732