Improve call grid & Picture-inPicture view

[mahibi]

This PR migrates the call grid to Compose. (This will avoid handling with wrong video renderer handling in the XML GridView, so it will fix #4916 )

Additionally the Design is made similar to the other platforms (Same background colors for cells...).

This PR could solve other issues related to calls as well, but architecture needs to improve further.

How to test

• Please test different call scenarios like different amount of participants, switch to PIP mode and back, test portrait and landscape mode, voice only call, video call, ...

🖼️ Screenshots

Android before	Android after

to compare...

Web	iOS

Arrangement of cells with different amount of participants and portrait/landscape mode. Scolling is enabled when there are too many participants to match on the screen

🚧 TODO

• ...

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not needed
• 🔖 Capability is checked or not needed
• 🔙 Backport requests are created or not needed: /backport to stable-xx.x
• 📅 Milestone is set
• 🌸 PR title is meaningful (if it should be in the changelog: is it meaningful to users?)

[github-actions]

APK file: https://www.kaminsky.me/nc-dev/android-artifacts/4947-talk.apk



To test this change/fix you can simply download above APK file and install and test it in parallel to your existing Nextcloud Talk app.

[github-actions]

Codacy

Lint

Type	master	PR
Warnings	99	89
Errors	9	9

SpotBugs

Category	Base	New
Bad practice	6	6
Correctness	222	16
Dodgy code	71	67
Internationalization	3	3
Malicious code vulnerability	3	3
Performance	4	4
Security	1	1
Total	310	100

[sowjanyakch]

I tested this PR (with a Pixel6a) - PIP mode works as expected. Tested audio and video calls both in portrait and landspace mode.
For audio call, the call grid is a scrollable view for both portrait and landscape mode.

[sowjanyakch]

#4947 (comment)

[mahibi]

I tested this PR - PIP mode works as expected. Tested audio and video calls both in portrait and landspace mode. For audio call, the call grid is a scrollable view for both portrait and landscape mode.

I guess it is caused by the workaround that i used for now (either the condition fails or the hardcoded dp's mess it up).
(can't reproduce with my devices, so maybe only happens for some devices/screen resolutions. Sowjanya tested with Pixel6a)

    val heightForNonGridComponents = if (isVoiceOnlyCall && !isInPipMode) {
        // this is a workaround for now. It should ~summarize the height of callInfosLinearLayout and callControls
        // Once everything is migrated to jetpack, this workaround should be obsolete or solved in a better way
        240.dp
    } else {
        0.dp
    }

    val gridHeight = LocalConfiguration.current.screenHeightDp.dp - heightForNonGridComponents

As the calls itself work, i suggest to merge this for now and a fix will follow later today (to be released with RC1 today) or for RC2. I will have to review and merge other PRs that should make it into RC1..