fix(ui): RTL not applying for localised textarea fields (#8474)

Author: paulpopus

packages/ui/src/fields/Textarea/index.tsx

@@ -10,6 +10,7 @@ import { useFieldProps } from '../../forms/FieldPropsProvider/index.js'
 import { useField } from '../../forms/useField/index.js'
 import { withCondition } from '../../forms/withCondition/index.js'
 import { useConfig } from '../../providers/Config/index.js'
+import { useLocale } from '../../providers/Locale/index.js'
 import { useTranslation } from '../../providers/Translation/index.js'
 import { isFieldRTL } from '../shared/index.js'
 import './index.scss'
@@ -42,14 +43,14 @@ const TextareaFieldComponent: TextareaFieldClientComponent = (props) => {
       required,
     },
     labelProps,
-    locale,
     readOnly: readOnlyFromTopLevelProps,
     validate,
   } = props
 
   const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin
 
   const { i18n } = useTranslation()
+  const locale = useLocale()
 
   const {
     config: { localization },