fix: update AnimatedBlurhash to use Animated.View for improved performance (#756)

src/components/Global/components/image.tsx

@@ -78,13 +78,14 @@ interface ItemBlurhashProps {
 	testID?: string | undefined
 }
 
-const AnimatedBlurhash = Animated.createAnimatedComponent(Blurhash)
-
 const Styles = StyleSheet.create({
 	blurhash: {
 		width: '100%',
 		height: '100%',
 	},
+	blurhashInner: {
+		...StyleSheet.absoluteFillObject,
+	},
 })
 
 const ItemBlurhash = memo(
@@ -92,13 +93,9 @@ const ItemBlurhash = memo(
 		const blurhash = getBlurhashFromDto(item, type)
 
 		return (
-			<AnimatedBlurhash
-				resizeMode={'cover'}
-				style={Styles.blurhash}
-				blurhash={blurhash}
-				entering={FadeIn}
-				exiting={FadeOut}
-			/>
+			<Animated.View style={Styles.blurhash} entering={FadeIn} exiting={FadeOut}>
+				<Blurhash resizeMode={'cover'} style={Styles.blurhashInner} blurhash={blurhash} />
+			</Animated.View>
 		)
 	},
 	(prevProps: ItemBlurhashProps, nextProps: ItemBlurhashProps) =>

src/components/Player/mini-player.tsx

@@ -80,6 +80,7 @@ export const Miniplayer = React.memo(function Miniplayer(): React.JSX.Element {
 	return (
 		<GestureDetector gesture={gesture}>
 			<Animated.View
+				collapsable={false}
 				testID='miniplayer-test-id'
 				entering={FadeInDown.springify()}
 				exiting={FadeOutDown.springify()}