Media gallery UI

[bmarty]

Content

Implement first version of media gallery.

Figma: https://www.figma.com/design/Ni6Ii8YKtmXCKYNE90cC67/Timeline-(new)?m=dev

This PR add new screens to be able to see all the media of a room: images and videos as a gallery (grid) and files as a list.

Will be done later:

• render audio item in another way in the file list (see Figma)
• month separators instead of day separator (waiting for change in the SDK api)
• swipe media to left and right in the media viewer, to navigate through the images / videos.
• search for media

Motivation and context

Screenshots / GIFs

Tests

• From the timeline, click on an image Event.

• Click on "info" picto and see the new bottom sheet

• From the room detail screen, click on "Media and files"

• See the gallery of images, that can be scrolled to load more media. It should load automatically until the page is full or the beginning of the room is reached

• long click on an image to see the bottom sheet

• click on an image to see it fullscreen

• navigate to the file list

• test the action on file

• click on file

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 title will be used in the release note, it clearly define what will change for the user
• 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/HqLrgD

[ganfra]

Some first remarks and questions

[codecov]

Codecov Report

Attention: Patch coverage is 79.63259% with 255 lines in your changes missing coverage. Please review.

Project coverage is 83.00%. Comparing base (c1c1264) to head (0113a52).
Report is 47 commits behind head on develop.

Files with missing lines	Patch %	Lines
...aries/mediaviewer/impl/gallery/MediaGalleryView.kt	74.56%	34 Missing and 25 partials ⚠️
.../mediaviewer/impl/gallery/MediaGalleryPresenter.kt	58.92%	37 Missing and 9 partials ⚠️
...id/libraries/mediaviewer/impl/gallery/MediaItem.kt	63.26%	13 Missing and 5 partials ⚠️
...iaviewer/impl/gallery/TimelineMediaItemsFactory.kt	52.77%	16 Missing and 1 partial ⚠️
...aries/mediaviewer/impl/gallery/EventItemFactory.kt	88.13%	0 Missing and 14 partials ⚠️
...es/mediaviewer/impl/viewer/MediaViewerPresenter.kt	51.72%	11 Missing and 3 partials ⚠️
...impl/details/MediaDeleteConfirmationBottomSheet.kt	83.75%	10 Missing and 3 partials ⚠️
...ies/mediaviewer/impl/gallery/VirtualItemFactory.kt	14.28%	12 Missing ⚠️
...ediaviewer/impl/details/MediaDetailsBottomSheet.kt	88.77%	3 Missing and 8 partials ⚠️
...braries/mediaviewer/impl/viewer/MediaViewerView.kt	56.00%	6 Missing and 5 partials ⚠️
... and 12 more

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #4010      +/-   ##
===========================================
- Coverage    83.08%   83.00%   -0.09%     
===========================================
  Files         1821     1845      +24     
  Lines        46450    47683    +1233     
  Branches      5444     5631     +187     
===========================================
+ Hits         38594    39579     +985     
- Misses        5946     6108     +162     
- Partials      1910     1996      +86     

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

[sonarqubecloud]

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 SonarQube Cloud

[ganfra]

Lets merge and iterate!