refactor(DEV-13634): remove theme provider form iframe

packages/sdk-drop-in/src/apps/MoniteIframeApp.tsx

@@ -7,15 +7,12 @@ import { moniteIframeAppComponents } from '@/lib/moniteIframeAppComponents';
 import { useMoniteIframeAppSlots } from '@/lib/useIframeAppSlots';
 import { css, Global } from '@emotion/react';
 import { type APISchema } from '@monite/sdk-react';
-import { createTheme, CssBaseline, ThemeProvider } from '@mui/material';
+import { CssBaseline } from '@mui/material';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { EntityIdLoader, SDKDemoAPIProvider } from '@team-monite/sdk-demo';
 
 import { DropInMoniteProvider } from '../lib/DropInMoniteProvider';
 
-// todo::implement google fonts support
-// import { getFontFaceStyles } from './fontStyles.ts';
-
 export const MoniteIframeApp = () => {
   const queryClient = useMemo(() => new QueryClient(), []);
 
@@ -76,7 +73,7 @@ const MoniteIframeAppComponent = ({
         fetchToken,
       }}
     >
-      <ThemeProvider theme={createTheme(theme)}>
+      <>
         <CssBaseline enableColorScheme />
         <Global
           styles={css`
@@ -130,7 +127,7 @@ const MoniteIframeAppComponent = ({
             )}
           </Routes>
         </BrowserRouter>
-      </ThemeProvider>
+      </>
     </DropInMoniteProvider>
   );
 };