refactor: Merge Voice recorder and player providers to VoiceMessageProvider (#454)

[UIKIT-3260](https://sendbird.atlassian.net/browse/UIKIT-3260)
* Merge VoiceRecorderProvider and VoicePlayerProvider to
VoiceMessageProvider

Author: HoonBaek

src/lib/Sendbird.jsx

@@ -20,8 +20,7 @@ import { LoggerFactory } from './Logger';
 import pubSubFactory from './pubSub/index';
 import useAppendDomNode from '../hooks/useAppendDomNode';
 
-import { VoiceRecorderProvider } from '../hooks/VoiceRecorder';
-import { VoicePlayerProvider } from '../hooks/VoicePlayer';
+import { VoiceMessageProvider } from './VoiceMessageProvider';
 import { LocalizationProvider } from './LocalizationContext';
 import { MediaQueryProvider } from './MediaQueryContext';
 import getStringSet from '../ui/Label/stringSet';
@@ -215,11 +214,9 @@ export default function Sendbird(props) {
     >
       <MediaQueryProvider logger={logger} mediaQueryBreakPoint={mediaQueryBreakPoint}>
         <LocalizationProvider stringSet={localeStringSet} dateLocale={dateLocale}>
-          <VoiceRecorderProvider>
-            <VoicePlayerProvider>
-              {children}
-            </VoicePlayerProvider>
-          </VoiceRecorderProvider>
+          <VoiceMessageProvider isVoiceMessageEnabled={isVoiceMessageEnabled}>
+            {children}
+          </VoiceMessageProvider>
         </LocalizationProvider>
       </MediaQueryProvider>
     </SendbirdSdkContext.Provider>

src/lib/VoiceMessageProvider.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { VoicePlayerProvider } from '../hooks/VoicePlayer';
+import { VoiceRecorderProvider } from '../hooks/VoiceRecorder';
+
+export interface VoiceMessageProviderProps {
+  children: React.ReactElement;
+  isVoiceMessageEnabled?: boolean;
+}
+
+export const VoiceMessageProvider = ({
+  children,
+  isVoiceMessageEnabled = true,
+}: VoiceMessageProviderProps): React.ReactElement => {
+  if (!isVoiceMessageEnabled) {
+    return (
+      <VoicePlayerProvider>
+        {children}
+      </VoicePlayerProvider>
+    );
+  }
+  return (
+    <VoiceRecorderProvider>
+      <VoicePlayerProvider>
+        {children}
+      </VoicePlayerProvider>
+    </VoiceRecorderProvider>
+  );
+};
+
+export default VoiceMessageProvider;