Add Profile pictures in remaining places

[FelberMartin]

Problem Description

In the previous PRs #111 and #163 Profile pictures has only been added to the main chat lists. But they are not displayed in other contexts.

Changes

• Added profile picture in ...

  • Conversation overview
  • Conversation header for DMs
  • User search (channel creation)
  • Conversation members
  • User settings screen

• Click on profile picture shows popup dialog

  • Disabled for settings and user search
  • The "send message" button has been postponed due to ongoing API changes, see Profile picture dialog: send message button #213

• Misc

  • Changed channel icons, so that only one icon get displayed per channel. Previously a single channel could have the icons for channel (hash), announcement, and archived. Now only the must important icon is displayed, similar to iOS.

Steps for testing

For the following steps, you can confirm each time whether clicking on the profile picture shows the user dialog or not

• Go to the app settings
  • See that the profile picture is displayed here
• Go back to conversation overview
  • For eg announcement channels (or archived ones), only a single icon is displayed
  • See that in the "Direct messages" section the profile pictures are displayed
• Click on a non-DM chat
  • See that the channel icon is displayed in the title
  • Click on settings
  • See that the profile pictures are displayed in the members section
• Navigate back and click on a DM chat
  • See the profile picture in the title
• Navigate back and click the create channel floating action button
  • Search for a user
  • See that the profile picture is displayed

Screenshots

Settings

Conversation Overview

Conversation Header

Members

Popup Dialog

[eylulnc]

Profile Picture shown in app settings ✅
Single icon displayed in conversation overview ✅
Profile picture displays in direct messages ✅
Profile picture displayed correctly in non-DM chat members ✅
Profile picture displays in DM chat title ✅
User search works as expected ✅

All these are looking good!, I only notices a flickering happens when a message is sent.

Screen.Recording.2024-12-13.at.16.57.32.mov

[FelberMartin]

All these are looking good!, I only notices a flickering happens when a message is sent.

Yep, I already investigated this bug and unfortunately it has a deeper root cause :(
Therefore I created a separate issue for this (see #203)

[julian-wls]

Tested changes as described. I didn't experience any issues. Code lgtm!