fix: change height of bottom sheet in message menu using theme (#2969)

* fix: change height of bottom sheet in message menu using theme

* fix: change height of bottom sheet in message menu using theme

Author: khushal87

package/src/components/MessageMenu/MessageMenu.tsx

@@ -12,6 +12,7 @@ import {
   MessagesContextValue,
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
+import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { DefaultStreamChatGenerics } from '../../types/types';
 import { BottomSheetModal } from '../UIComponents/BottomSheetModal';
 
@@ -96,10 +97,23 @@ export const MessageMenu = <
     propMessageUserReactionsAvatar ?? contextMessageUserReactionsAvatar;
   const MessageUserReactionsItem = propMessageUserReactionsItem ?? contextMessageUserReactionsItem;
   const message = propMessage ?? contextMessage;
+  const {
+    theme: {
+      messageMenu: {
+        bottomSheet: { height: bottomSheetHeight },
+      },
+    },
+  } = useTheme();
 
   return (
     <BottomSheetModal
-      height={messageActions.length === 0 && !showMessageReactions ? height / 5 : height / 2}
+      height={
+        bottomSheetHeight
+          ? bottomSheetHeight
+          : messageActions.length === 0 && !showMessageReactions
+          ? height / 5
+          : height / 2
+      }
       onClose={dismissOverlay}
       visible={visible}
     >

package/src/contexts/themeContext/utils/theme.ts

@@ -450,6 +450,9 @@ export type Theme = {
       icon: ViewStyle;
       title: TextStyle;
     };
+    bottomSheet: {
+      height?: number;
+    };
     reactionButton: {
       filledColor: ColorValue;
       unfilledColor: ColorValue;
@@ -1207,6 +1210,7 @@ export const defaultTheme: Theme = {
       icon: {},
       title: {},
     },
+    bottomSheet: {},
     reactionButton: {
       filledColor: Colors.accent_blue,
       unfilledColor: Colors.grey,