fix: mentionTemplate should be passed when mapped to sendMessage (#971)

## Description
`mentionedMessageTemplate ` should be passed to `sendMessage`

ticket: [CLNP-2261]

[CLNP-2261]:
https://sendbird.atlassian.net/browse/CLNP-2261?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: bang9

src/modules/Channel/components/MessageInputWrapper/index.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { FileMessageCreateParams } from '@sendbird/chat/message';
 
-import { getSuggestedReplies, SendableMessageType } from '../../../../utils';
+import { getSuggestedReplies } from '../../../../utils';
 import MessageInputWrapperView from '../../../GroupChannel/components/MessageInputWrapper/MessageInputWrapperView';
 import { useChannelContext } from '../../context/ChannelProvider';
 import useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';
@@ -19,8 +18,9 @@ export const MessageInputWrapper = (props: MessageInputWrapperProps) => {
   const { config } = useSendbirdStateContext();
   const context = useChannelContext();
   const {
-    currentGroupChannel,
+    quoteMessage,
     localMessages,
+    currentGroupChannel,
     sendMessage,
     sendFileMessage,
     sendVoiceMessage,
@@ -37,22 +37,26 @@ export const MessageInputWrapper = (props: MessageInputWrapperProps) => {
   return (
     <MessageInputWrapperView
       {...props}
-      disabled={disableMessageInput}
       {...context}
+      disabled={disableMessageInput}
       currentChannel={currentGroupChannel}
-      quoteMessage={context.quoteMessage}
-      sendUserMessage={(params) => (
-        sendMessage({ ...params, quoteMessage: { messageId: params.parentMessageId } as SendableMessageType })
-      )}
-      sendFileMessage={(params: FileMessageCreateParams) => (
-        sendFileMessage(params.file as File, { messageId: params.parentMessageId } as SendableMessageType)
-      )}
-      sendVoiceMessage={({ file, parentMessageId }: FileMessageCreateParams, duration: number) => (
-        sendVoiceMessage(file as File, duration, { parentMessageId } as SendableMessageType)
-      )}
-      sendMultipleFilesMessage={({ fileInfoList, parentMessageId }) => (
-        sendMultipleFilesMessage(fileInfoList.map((fileInfo) => fileInfo.file) as File[], { parentMessageId } as SendableMessageType)
-      )}
+      sendUserMessage={(params) => {
+        return sendMessage({
+          message: params.message,
+          mentionTemplate: params.mentionedMessageTemplate,
+          mentionedUsers: params.mentionedUsers,
+          quoteMessage,
+        });
+      }}
+      sendFileMessage={(params) => {
+        return sendFileMessage(params.file as File, quoteMessage);
+      }}
+      sendVoiceMessage={({ file }, duration) => {
+        return sendVoiceMessage(file as File, duration, quoteMessage);
+      }}
+      sendMultipleFilesMessage={({ fileInfoList }) => {
+        return sendMultipleFilesMessage(fileInfoList.map((fileInfo) => fileInfo.file) as File[], quoteMessage);
+      }}
     />
   );
 };

src/modules/GroupChannel/components/MessageInputWrapper/index.tsx

@@ -35,8 +35,8 @@ export const MessageInputWrapper = (props: MessageInputWrapperProps) => {
   return (
     <MessageInputWrapperView
       {...props}
-      disabled={disableMessageInput}
       {...context}
+      disabled={disableMessageInput}
     />
   );
 };