fix(many): update eslint-disable comments for oxlint's rule IDs

Fix eslint-disable comments in 2 files whose referenced rule names
don't match oxlint's actual rule IDs and had silently stopped
suppressing anything:
- packages/__docs__/globals.ts:
  @instructure/no-relative-imports -> instructure/no-relative-imports
- packages/ui-i18n/src/textDirectionContextConsumer.tsx:
  react/forbid-foreign-prop-types -> react-js/forbid-foreign-prop-types

Confirmed both were real gaps, not cosmetic: restoring the original
names and re-running oxlint reproduces the real underlying violation
on the line below each comment, plus an "unused eslint-disable
directive" error on the comment line itself.

Delete 6 jsx_a11y/role-has-required-aria-props disable comments in
TreeBrowser's TreeCollection (v1 and v2) that are genuinely dead.
Verified with a synthetic role="treeitem" element carrying zero aria
props: oxlint's rule doesn't list aria-selected as a required prop for
the treeitem role at all (unlike e.g. role="checkbox", which it
correctly flags without aria-checked), so there was never anything for
these comments to suppress under oxlint, regardless of spelling or the
aria-selected prop-spread pattern in the component itself.

Note: oxlint's jsx-a11y plugin accepts both jsx-a11y/* and jsx_a11y/*
as equivalent for disable comments, so the jsx-a11y/* comments in
Checkbox, FileDrop, Img, NumberInput, and RadioInput were never broken
and are left untouched.

Also includes oxlint's own --fix output trimming a trailing space in
one ColorPreset test title (vitest/valid-title).

Author: joyenjoyer

packages/__docs__/globals.ts

@@ -42,11 +42,11 @@ import { dark, light } from '@instructure/ui-themes'
 import { debounce } from '@instructure/debounce'
 
 // @ts-expect-error no type declarations for CSS side-effect import
-// eslint-disable-next-line @instructure/no-relative-imports
+// eslint-disable-next-line instructure/no-relative-imports
 import '../ui-icons/src/generated/icon-font/Solid/InstructureIcons-Solid.css'
 
 // @ts-expect-error no type declarations for CSS side-effect import
-// eslint-disable-next-line @instructure/no-relative-imports
+// eslint-disable-next-line instructure/no-relative-imports
 import '../ui-icons/src/generated/icon-font/Line/InstructureIcons-Line.css'
 
 import { DateTime } from '@instructure/ui-i18n'

packages/ui-color-picker/src/ColorPreset/__tests__/ColorPreset.test.tsx

@@ -89,7 +89,7 @@ describe('<ColorPreset />', () => {
     })
   })
 
-  it('should default to using the hex code as aria-label when colorScreenReaderLabel is not provided ', async () => {
+  it('should default to using the hex code as aria-label when colorScreenReaderLabel is not provided', async () => {
     render(<ColorPreset {...testValue} />)
     const buttons = screen.getAllByRole('button')
 

packages/ui-i18n/src/textDirectionContextConsumer.tsx

@@ -171,7 +171,7 @@ const textDirectionContextConsumer: TextDirectionContextConsumerType =
       TextDirectionContextConsumerForwardingRef.defaultProps =
         ComposedComponent.defaultProps
       TextDirectionContextConsumerForwardingRef.propTypes =
-        // eslint-disable-next-line react/forbid-foreign-prop-types
+        // eslint-disable-next-line react-js/forbid-foreign-prop-types
         ComposedComponent.propTypes
       TextDirectionContextConsumerForwardingRef.allowedProps =
         ComposedComponent.allowedProps

packages/ui-tree-browser/src/TreeBrowser/v1/TreeCollection/index.tsx

@@ -233,7 +233,6 @@ class TreeCollection extends Component<
     return (
       <li
         id={key}
-        /* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */
         role="treeitem"
         css={styles?.item}
         tabIndex={-1}
@@ -314,7 +313,6 @@ class TreeCollection extends Component<
       <li
         key={`i${position}`}
         tabIndex={-1}
-        /* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */
         role="treeitem"
         aria-label={item.name}
         css={styles?.item}
@@ -385,7 +383,6 @@ class TreeCollection extends Component<
         }}
         css={styles?.treeCollection}
         tabIndex={-1}
-        /* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */
         role="treeitem"
         aria-label={`${this.props.name}${
           this.props.descriptor ? ` ${this.props.descriptor}` : ''

packages/ui-tree-browser/src/TreeBrowser/v2/TreeCollection/index.tsx

@@ -235,7 +235,6 @@ class TreeCollection extends Component<
     return (
       <li
         id={key}
-        /* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */
         role="treeitem"
         css={styles?.item}
         tabIndex={-1}
@@ -316,7 +315,6 @@ class TreeCollection extends Component<
       <li
         key={`i${position}`}
         tabIndex={-1}
-        /* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */
         role="treeitem"
         aria-label={item.name}
         css={styles?.item}
@@ -387,7 +385,6 @@ class TreeCollection extends Component<
         }}
         css={styles?.treeCollection}
         tabIndex={-1}
-        /* eslint-disable-next-line jsx-a11y/role-has-required-aria-props */
         role="treeitem"
         aria-label={`${this.props.name}${
           this.props.descriptor ? ` ${this.props.descriptor}` : ''