fix(UserSettings): reword nodes setting and add popup

Author: artemmufazalov

src/containers/UserSettings/UserSettings.scss

@@ -0,0 +1,9 @@
+.ydb-user-settings {
+    &__item-with-popup {
+        max-width: 180px;
+    }
+
+    &__popup {
+        max-width: 370px;
+    }
+}

src/containers/UserSettings/UserSettings.tsx

@@ -1,6 +1,8 @@
+import {ReactNode} from 'react';
 import {connect} from 'react-redux';
+import cn from 'bem-cn-lite';
 
-import {RadioButton, Switch} from '@gravity-ui/uikit';
+import {RadioButton, Switch, HelpPopover} from '@gravity-ui/uikit';
 import {Settings} from '@gravity-ui/navigation';
 
 import favoriteFilledIcon from '../../assets/icons/star.svg';
@@ -14,6 +16,10 @@ import {
 
 import {setSettingValue} from '../../store/reducers/settings';
 
+import './UserSettings.scss';
+
+const b = cn('ydb-user-settings');
+
 enum Theme {
     light = 'light',
     dark = 'dark',
@@ -33,6 +39,19 @@ function UserSettings(props: any) {
         props.setSettingValue(USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY, String(value));
     };
 
+    const renderBreakNodesSettingsItem = (title: ReactNode) => {
+        return (
+            <div className={b('item-with-popup')}>
+                {title}
+                <HelpPopover
+                    content="Use /viewer/json/nodes endpoint for Nodes Tab in diagnostics. It returns incorrect data on older versions"
+                    contentClassName={b('popup')}
+                    hasArrow={true}
+                />
+            </div>
+        );
+    };
+
     return (
         <Settings>
             <Settings.Page
@@ -58,7 +77,10 @@ function UserSettings(props: any) {
                             onUpdate={_onInvertedDisksChangeHandler}
                         />
                     </Settings.Item>
-                    <Settings.Item title="Use /viewer/json/nodes for Nodes Tab in diagnostics">
+                    <Settings.Item
+                        title="Break the Nodes tab in Diagnostics"
+                        renderTitleComponent={renderBreakNodesSettingsItem}
+                    >
                         <Switch
                             checked={props.useNodesEndpointInDiagnostics}
                             onUpdate={_onNodesEndpointChangeHandler}