Fix #3592: [RTL] High-fi Add support for RTL in audio player and other drawables included in Oppia

[veena14cs]

Explanation

This PR fixes #3592 . This PR fixes drawables used in Audio Player and also other drawables used in the project.

Screenshot LTR and RTL

Audio Player

.....

....

Profile exit icon in Navigation Drawer

.......

Note : This screenshot only focus on audio player drawbles and not the image in exploration player.

Checklist

• The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
• The PR explanation includes the words "Fixes #bugnum: ..." (or "Fixes part of #bugnum" if the PR only partially fixes an issue).
• The PR follows the style guide.
• The PR does not contain any unnecessary auto-generated code from Android Studio.
• The PR is made from a branch that's not called "develop".
• The PR is made from a branch that is up-to-date with "develop".
• The PR's branch is based on "develop" and not on any other branch.
• The PR is assigned to an appropriate reviewer in both the Assignees and the Reviewers sections.

[anandwana001]

LGTM, before merging it, can we add a screenshot of all the screens contacting all the images which are updated here in PR.

Also, should we add test for these?

[veena14cs]

LGTM, before merging it, can we add a screenshot of all the screens contacting all the images which are updated here in PR.

Also, should we add test for these?

I m not sure of testcases. And regarding screenshots there are too many files actually to show LTR and RTL.

[rt4914]

@veena14cs PTAL

[rt4914]

@MohamedMedhat1998 Can you help us out in deciding what should be RTL behaviour of this icon:

1. If we do not mirror it it will look exactly same in RTL too.
2. If we mirror it fully than the text will be mirrored too which means that the character in foreign language will also get mirrored meaning it won't be a valid character anymore. So definitely we cannot do this.

3. Another option we have is to mirror the bubble/background only and keep the text exactly same for RTL.

What are your thoughts? What would be the best solution here?

[BenHenning]

Clearing my review since the approach overall looks correct, we just need to find a solution for the audio language icon.

Dismissing per previous comment.

[veena14cs]

Clearing my review since the approach overall looks correct, we just need to find a solution for the audio language icon.

Thanks Ben!

[rt4914]

@veena14cs I am unblocking you so that this PR can be merged but just undo the change in ic_audio_lang_24px and after which this PR can be merged.

[veena14cs]

@veena14cs I am unblocking you so that this PR can be merged but just undo the change in ic_audio_lang_24px and after which this PR can be merged.

Thanks @rt4914 reverted changes done in ic_audio_lang_24px.