fix: twitter example for android & improve performance

[e-younan]

Description

This PR introduces a fix for Android bugs that were observed, and improves the performance by removing the layout animation that modifies the height of the Twitter profile banner in favour of a translation.

Motivation and Context

These changes were introduced since a few bugs were observed on Android.

1. The BlurView component had a bug where it was taking up the whole screen on Android
2. The animation performance on Android was not as smooth as iOS - this is due to the layout animation on the padding of the header. I have removed this in favour of a translation.
3. A blank screen has been showing up on Android when the screen is opened sometimes. I have narrowed the issue down to it being due to the BlurView. Apparently, this is a bug that has already been reported. For now, we will disable the BlurView on Android <= 11 in favour of a simple dark mask.

How Has This Been Tested?

This has been tested on a physical Samsung S9+ and a Pixel 6 Pro emulator.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have followed the guidelines in the README.md file.
• I have updated the documentation as necessary.
• My changes generate no new warnings.

Screenshots

android-twitter-header.mov