Improve rendering of voice messages in the timeline in large displays

[jmartinesp]

Type of change

• Feature
• Bugfix
• Technical
• Other :

Content

Redo a bit the canvas drawing and pointer handling for the WaveformPlaybackView so the playback cursor doesn't go out of the actual waveform while playing/scrubbing.

Motivation and context

Fixes #2156 , although only partially. Ideally, we should also make voice messages a bit smaller in large screen sizes, but that would require large changes in measuring and layout.

Screenshots / GIFs

In the PR. There are diffs, but AFAICT they're more accurate. i.e this screenshot is supposed to display 50% progress.

Tests

• Open a room in landscape mode.
• Record a voice message, play a bit with the scrubbing and play/pause states.
• Send the voice message, play a bit with the timeline item too.

Tested devices

• Physical
• Emulator
• OS version(s): 14

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

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

[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/JiNBcJ

[codecov]

Codecov Report

Attention: 4 lines in your changes are missing coverage. Please review.

Comparison is base (e8c6226) 67.01% compared to head (e53ce4b) 67.01%.
Report is 2 commits behind head on develop.

Files	Patch %	Lines
...ignsystem/components/media/WaveformPlaybackView.kt	69.23%	4 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #2199   +/-   ##
========================================
  Coverage    67.01%   67.01%           
========================================
  Files         1376     1376           
  Lines        34263    34264    +1     
  Branches      7460     7460           
========================================
+ Hits         22961    22962    +1     
  Misses        7677     7677           
  Partials      3625     3625           

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