[FIX][IMPROVEMENT] Fixes layout issues

[hfeky]

@RocketChat/android

Closes #2220
Closes #2294
Closes #2289

Changes:

1. Fixed all layout issues when device font is set to larger than default by changing some views' dimensions unit to sp instead of dp and adding android:gravity="center" to some views.
2. Aligned Take a photo option with the other options in the bottom sheet in message_attachment_options.xml.
3. Aligned Users option with the other option in the bottom sheet in bottom_sheet_fragment_directory_sorting.xml, and added a margin to the switch to align with the TextView.
4. Made the arrow in the App Toolbar be auto-mirrored for RTL languages.
5. Made the text direction be according to the applied locale for all text views in the app.
6. Corrected some translations in Arabic strings resource file.
7. Added a padding next to the start drawable of chat name in ChatDetailsFragment.
8. Fixed typo in layout file bottom_seet_fragment_directory_sorting.xml and renamed it to bottom_sheet_fragment_directory_sorting.xml.
9. Some other minor code formatting enhancements like indenting lines with 4 spaces instead of 2 or 8, etc.

Screenshots:

At the left is Before, and at the right is After.

Server options (when device font is set to Large):

Attachment options (Take a photo alignment):

Directory sorting options (Users alignment and switch position):

Chat details (chat name padding):

Chat details in RTL languages (toolbar arrow and text direction):

[philipbrito]

Lots of good improvements made here! Thank you very much @HusseinElFeky ! 💯 ❤️