fix: OpenChannel Context menu click leak (#610)

In Mobile,
Touch from contextMenus were getting leaked to MessageBody
To avoid this, move context menu outside of MessageBody's JSX

```
<div longPress>
	<Message />
	<Menu/>
</div>
```

to 
```
<>
	<div longPress>
		<Message />
	</div>
	{
		<Menu/>
	}
</>
```

Bonus * OGMessage should fallback to text-messages

Fixes: https://sendbird.atlassian.net/browse/UIKIT-4029

Author: Sravan S

src/modules/OpenChannel/components/OpenChannelMessage/index.tsx

@@ -218,7 +218,7 @@ export default function MessagOpenChannelMessageeHoc(props: OpenChannelMessagePr
             //   <OpenChannelUnknownMessage message={message} />
             // );
           })(),
-        }[getMessageType(message)]
+        }[getMessageType(message, { isOgMessageEnabledInOpenChannel })]
       }
       {/* Modal */}
       {

src/modules/OpenChannel/components/OpenChannelMessage/utils.ts

@@ -17,9 +17,17 @@ export const SendingMessageStatus = {
   PENDING: 'pending',
 };
 
-export const getMessageType = (message: UserMessage | FileMessage | AdminMessage): string => {
+type MessageTypeOptions = {
+  isOgMessageEnabledInOpenChannel?: boolean;
+};
+
+export const getMessageType = (
+  message: UserMessage | FileMessage | AdminMessage,
+  options?: MessageTypeOptions,
+): string => {
+  const isOgMessageEnabledInOpenChannel = options?.isOgMessageEnabledInOpenChannel;
   if ((message?.isUserMessage?.()) || message?.messageType === 'user') {
-    return (message?.ogMetaData)
+    return (message?.ogMetaData && isOgMessageEnabledInOpenChannel)
       ? MessageTypes.OG
       : MessageTypes.USER;
   }