#10158: set HTML document language once per mount/update

As requested, the document language is now set when the component is mounted or the language is changed instead of with every rerender.

web/client/components/I18N/Localized.jsx

@@ -30,14 +30,23 @@ class Localized extends React.Component {
         };
     }
 
+    componentDidMount() {
+        this.updateDocumentLangAttribute();
+    }
+
+    componentDidUpdate(prevProps) {
+        if (this.props.locale !== prevProps.locale) {
+            this.updateDocumentLangAttribute();
+        }
+    }
+
     render() {
         let { children } = this.props;
 
         if (this.props.messages && this.props.locale) {
             if (typeof children === 'function') {
                 children = children();
             }
-            document.documentElement.setAttribute("lang", this.props.locale);
 
             return (<IntlProvider key={this.props.locale} locale={this.props.locale}
                 messages={this.flattenMessages(this.props.messages)}
@@ -62,6 +71,12 @@ class Localized extends React.Component {
             };
         }, {});
     };
+
+    updateDocumentLangAttribute() {
+        if (document?.documentElement) {
+            document.documentElement.setAttribute("lang", this.props.locale);
+        }
+    }
 }
 
 export default Localized;