Improve the way we cut the bubble layout to give space for the sender Avatar

[bmarty]

Type of change

• Feature
• Bugfix
• Technical
• Other : fixing technical debt

Content

Improve the way we cut the bubble layout to give space for the sender Avatar.

Instead of drawing a circle with the same color of the background behind the avatar, properly clear the top start corner of the bubble using CompositingStrategy.Offscreen and BlendMode.Clear.

Note about the screenshot record: the only diff should be in MessageEventBubble, where some bubbles now have top left corner cut off. I do not know why so many screenshots are impacted, but I have done a quick check and I do not see any visible change.

Note 2: this change will help to fix a point in #2865

Motivation and context

Screenshots / GIFs

See recorded ones

Tests

• Open a DM or open a room and see that the bubbles in the timeline are correctly rendered

Tested devices

• Physical
• Emulator
• OS version(s):

Checklist

• Changes have been tested on an Android device or Android emulator with API 23
• UI change has been tested on both light and dark themes
• Accessibility has been taken into account. See https://github.com/element-hq/element-x-android/blob/develop/CONTRIBUTING.md#accessibility
• Pull request is based on the develop branch
• Pull request includes a new file under ./changelog.d. See https://github.com/element-hq/element-x-android/blob/develop/CONTRIBUTING.md#changelog
• Pull request includes screenshots or videos if containing UI changes
• Pull request includes a sign off
• You've made a self review of your PR

[github-actions]

📱 Scan the QR code below to install the build (arm64 only) for this PR.

If you can't scan the QR code you can install the build via this link: https://i.diawi.com/Eukkko

[codecov]

Codecov Report

Attention: Patch coverage is 96.77419% with 1 line in your changes missing coverage. Please review.

Project coverage is 75.94%. Comparing base (010a90f) to head (d14b9de).

Files	Patch %	Lines
...ges/impl/timeline/components/MessageEventBubble.kt	95.00%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #3080   +/-   ##
========================================
  Coverage    75.93%   75.94%           
========================================
  Files         1633     1633           
  Lines        38584    38589    +5     
  Branches      7457     7460    +3     
========================================
+ Hits         29300    29305    +5     
  Misses        5394     5394           
  Partials      3890     3890           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jmartinesp]

Nice, thanks for the changes!

[jmartinesp]

👌

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud