fix: rn 0.85 compatibility (#3545)

## 🎯 Goal

This PR takes care of some general housekeeping for the incoming V9.

Namely, we:

- Bump back the `bottom-sheet` library's version to latest, as it
addresses the issues we had before
- It also cancels the need of a monkey patch any longer, so we can avoid
doing that as well
- Converts all `StyleSheet.absoluteFillObject` entries to
`StyleSheet.absoluteFill`
- We need to do this due to [this breaking
change](https://reactnative.dev/blog/2026/04/07/react-native-0.85#stylesheetabsolutefillobject-removed)
for RN `0.85`
  - Destructuring no longer works, so we flatten those styles
  - Direct usage is still allowed
- Where not directly applicable, we create our own `absoluteFillObject`s
and use those (not the cleanest but it'll do for now)

With this, we should be RN `0.85` compatible as well. 

## 🛠 Implementation details

<!-- Provide a description of the implementation -->

## 🎨 UI Changes

<!-- Add relevant screenshots -->

<details>
<summary>iOS</summary>


<table>
    <thead>
        <tr>
            <td>Before</td>
            <td>After</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!--<img src="" /> -->
            </td>
            <td>
                <!--<img src="" /> -->
            </td>
        </tr>
    </tbody>
</table>
</details>


<details>
<summary>Android</summary>

<table>
    <thead>
        <tr>
            <td>Before</td>
            <td>After</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!--<img src="" /> -->
            </td>
            <td>
                <!--<img src="" /> -->
            </td>
        </tr>
    </tbody>
</table>
</details>

## 🧪 Testing

<!-- Explain how this change can be tested (or why it can't be tested)
-->

## ☑️ Checklist

- [ ] I have signed the [Stream
CLA](https://docs.google.com/forms/d/e/1FAIpQLScFKsKkAJI7mhCr7K9rEIOpqIDThrWxuvxnwUq2XkHyG154vQ/viewform)
(required)
- [ ] PR targets the `develop` branch
- [ ] Documentation is updated
- [ ] New code is tested in main example apps, including all possible
scenarios
  - [ ] SampleApp iOS and Android
  - [ ] Expo iOS and Android

Author: isekovanic

examples/SampleApp/App.tsx

@@ -1,5 +1,13 @@
 import React, { useEffect, useState } from 'react';
-import { DevSettings, I18nManager, LogBox, Platform, StyleSheet, useColorScheme, View } from 'react-native';
+import {
+  DevSettings,
+  I18nManager,
+  LogBox,
+  Platform,
+  StyleSheet,
+  useColorScheme,
+  View,
+} from 'react-native';
 import { createDrawerNavigator } from '@react-navigation/drawer';
 import { DarkTheme, DefaultTheme, NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
@@ -116,14 +124,9 @@ const MessageOverlayBlurBackground = () => {
         downsampleFactor={isIOS ? undefined : 12}
         pointerEvents='none'
         reducedTransparencyFallbackColor='rgba(0, 0, 0, 0.8)'
-        style={styles.messageOverlayBlurBackground}
-      />
-      <View
-        style={[
-          styles.messageOverlayBlurBackground,
-          { backgroundColor: semantics.backgroundCoreScrim },
-        ]}
+        style={StyleSheet.absoluteFill}
       />
+      <View style={[StyleSheet.absoluteFill, { backgroundColor: semantics.backgroundCoreScrim }]} />
     </>
   );
 };
@@ -488,9 +491,3 @@ const HomeScreen = () => {
 };
 
 export default App;
-
-const styles = StyleSheet.create({
-  messageOverlayBlurBackground: {
-    ...StyleSheet.absoluteFillObject,
-  },
-});

examples/SampleApp/src/components/UserInfoOverlay.tsx

@@ -14,12 +14,7 @@ import Animated, {
   withDecay,
   withTiming,
 } from 'react-native-reanimated';
-import {
-  useChatContext,
-  useTheme,
-  useViewport,
-  UserAvatar,
-} from 'stream-chat-react-native';
+import { useChatContext, useTheme, useViewport, UserAvatar } from 'stream-chat-react-native';
 
 import { ConfirmationBottomSheet } from './ConfirmationBottomSheet';
 import { useAppOverlayContext } from '../context/AppOverlayContext';
@@ -251,7 +246,7 @@ export const UserInfoOverlay = (props: UserInfoOverlayProps) => {
   return (
     <Animated.View pointerEvents={visible ? 'auto' : 'none'} style={StyleSheet.absoluteFill}>
       <GestureDetector gesture={pan}>
-        <Animated.View style={StyleSheet.absoluteFillObject}>
+        <Animated.View style={StyleSheet.absoluteFill}>
           <GestureDetector gesture={tap}>
             <Animated.View
               onLayout={({

examples/SampleApp/yarn.lock

@@ -1629,10 +1629,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.3.tgz#a73bab8eb491d7b8b7be2f0e6c310647835afe83"
   integrity sha512-2xCRM9q9FlzGZCdgDMJwc0gyUkWFtkosy7Xxr6sFgQwn+wMNIWd7xIvYNauU1r64B5L5rsGKy/n9TKJ0aAFeqQ==
 
-"@gorhom/bottom-sheet@5.1.8":
-  version "5.1.8"
-  resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-5.1.8.tgz#65547917f5b1dae5a1291dabd4ea8bfee09feba4"
-  integrity sha512-QuYIVjn3K9bW20n5bgOSjvxBYoWG4YQXiLGOheEAMgISuoT6sMcA270ViSkkb0fenPxcIOwzCnFNuxmr739T9A==
+"@gorhom/bottom-sheet@5.2.9":
+  version "5.2.9"
+  resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-5.2.9.tgz#57d26ab8a4a881bb4be8fd45a4b9539929c9f198"
+  integrity sha512-YwieCsEnTQnN2QW4VBKfCGszzxaw2ID7FydusEgqo7qB817fZ45N88kptcuNwZFnnauCjdyzKdrVBWmLmpl9oQ==
   dependencies:
     "@gorhom/portal" "1.0.14"
     invariant "^2.2.4"