fix: remove legacy ant-legacy-form-item CSS class references (#11831)

* fix: remove legacy ant-legacy-form-item CSS class references

Replace all `.ant-legacy-form-item` selectors with `.ant-form-item`
in StandardFormRow, advanced-form, and account settings styles.
These legacy class names were removed in antd v6.

Closes #11814

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* fix: replace ant-form-item-control-wrapper with ant-form-item-control

The `.ant-form-item-control-wrapper` class was removed in antd v4+.
The correct class is `.ant-form-item-control`. Three files were still
referencing the legacy class name.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

src/components/StandardFormRow/index.style.ts

@@ -8,15 +8,17 @@ const useStyles = createStyles(({ token }) => {
       marginBottom: '16px',
       paddingBottom: '16px',
       borderBottom: `1px dashed ${token.colorSplit}`,
-      '.ant-form-item, .ant-legacy-form-item': { marginRight: '24px' },
-      '.ant-form-item-label, .ant-legacy-form-item-label': {
+      '.ant-form-item': { marginRight: '24px' },
+      '.ant-form-item-label': {
         label: {
           marginRight: '0',
           color: token.colorText,
         },
       },
-      '.ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control':
-        { padding: '0', lineHeight: '32px' },
+      '.ant-form-item-label, .ant-form-item-control': {
+        padding: '0',
+        lineHeight: '32px',
+      },
     },
     label: {
       flex: '0 0 auto',
@@ -35,7 +37,7 @@ const useStyles = createStyles(({ token }) => {
     },
     content: {
       flex: '1 1 0',
-      '.ant-form-item, .ant-legacy-form-item': {
+      '.ant-form-item': {
         '&:last-child': {
           display: 'block',
           marginRight: '0',
@@ -48,13 +50,11 @@ const useStyles = createStyles(({ token }) => {
       border: 'none',
     },
     standardFormRowBlock: {
-      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
-        { display: 'block' },
+      '.ant-form-item, div.ant-form-item-control': { display: 'block' },
     },
     standardFormRowGrid: {
-      '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
-        { display: 'block' },
-      '.ant-form-item-label, .ant-legacy-form-item-label': { float: 'left' },
+      '.ant-form-item, div.ant-form-item-control': { display: 'block' },
+      '.ant-form-item-label': { float: 'left' },
     },
   };
 });

src/pages/account/settings/components/index.style.ts

@@ -5,7 +5,7 @@ const useStyles = createStyles(({ token }) => {
     baseView: {
       display: 'flex',
       paddingTop: '12px',
-      '.ant-legacy-form-item .ant-legacy-form-item-control-wrapper': {
+      '.ant-form-item .ant-form-item-control': {
         width: '100%',
       },
       [`@media screen and (max-width: ${token.screenXL}px)`]: {

src/pages/form/advanced-form/style.style.ts

@@ -4,7 +4,7 @@ const useStyles = createStyles(({ token }) => {
   return {
     card: {
       marginBottom: '24px',
-      '.ant-legacy-form-item .ant-legacy-form-item-control-wrapper': {
+      '.ant-form-item .ant-form-item-control': {
         width: '100%',
       },
     },