feat: Make ImageView aspect ratios the same as the source images

[AnEnigmaticBug]

Describe the feature you'd like
The ImageViews used for displaying event logos in events screen, event details screen etc have a different aspect ratio(ratio depends on the device size) than the image they display(which is in the ratio 2:1).

This makes the images display in a sub-optimal way with the content near their edges being not visible.

The ratios should match so that this issue doesn't occur.

Screenshots

Would you like to work on the issue?

• Yes
• No

[AnEnigmaticBug]

@iamareebjamal @liveHarshit. I need your permission for doing this. This change will require converting the given layouts to ConstraintLayout.

The benefits of ConstraintLayout include:

1. Ability to set ratios on Views(the primary reason here).
2. Faster due to less/no nesting of Views.
3. Most of the new development is done in ConstraintLayout.
4. Faster/easier to make layouts once one gets comfortable with it.
5. Allows us to create more elaborate animations(if needed) more easily.
6. Recommended by Google itself for all non-trivial layouts.

We already have ConstraintLayout as a dependency. So, we wont' have to add any library for this.

Are you comfortable with this idea?

[iamareebjamal]

Go ahead. But refrain from converting simple linear layouts to constraint layout

[AnEnigmaticBug]

I'll keep this in mind.