remove i18n hook from ThemeProvider

Author: MarcusNotheis

packages/main/src/components/ThemeProvider/index.tsx

@@ -2,7 +2,6 @@ import { getRTL } from '@ui5/webcomponents-base/dist/config/RTL';
 import { getTheme } from '@ui5/webcomponents-base/dist/config/Theme';
 import { createComponentStyles } from '@ui5/webcomponents-react-base/lib/createComponentStyles';
 import { cssVariablesStyles } from '@ui5/webcomponents-react-base/lib/CssSizeVariables';
-import { useI18nBundle } from '@ui5/webcomponents-react-base/lib/hooks';
 import { ThemingParameters } from '@ui5/webcomponents-react-base/lib/ThemingParameters';
 import { ContentDensity } from '@ui5/webcomponents-react/lib/ContentDensity';
 import React, { FC, ReactNode, useEffect, useMemo } from 'react';
@@ -41,7 +40,6 @@ const ThemeProvider: FC<ThemeProviderProps> = (props: ThemeProviderProps) => {
   const { children } = props;
   const isCompactSize = document.body.classList.contains('ui5-content-density-compact');
   useStyles();
-  useI18nBundle('@ui5/webcomponents-react');
 
   const theme = getTheme();
 
@@ -64,7 +62,7 @@ const ThemeProvider: FC<ThemeProviderProps> = (props: ThemeProviderProps) => {
       });
     }
     if (getRTL()) {
-      document.dir = 'rtl';
+      document.querySelector('html').dir = 'rtl';
     }
   }, []);