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

Two disable comments reference rule names that do not match oxlint's
actual rule IDs, so they silently stopped suppressing anything:

- packages/__docs__/globals.ts: @instructure/no-relative-imports -> instructure/no-relative-imports.
  oxlint's custom rule has no @ scope prefix.
- packages/ui-i18n/src/textDirectionContextConsumer.tsx: react/forbid-foreign-prop-types ->
  react-js/forbid-foreign-prop-types. The bridged eslint-plugin-react is aliased react-js.

Delete 6 jsx_a11y/role-has-required-aria-props disable comments in
TreeBrowser's TreeCollection (v1 and v2):

- oxlint's rule does not require aria-selected for the treeitem role at all, unlike e.g. checkbox,
  which requires aria-checked, so there was nothing for these comments to suppress.

oxlint accepts both jsx-a11y/* and jsx_a11y/* spellings for disable
comments, so the unrelated jsx-a11y/* comments in Checkbox, FileDrop,
Img, NumberInput, and RadioInput needed no change.

Also trims a trailing space in one ColorPreset test title, an
unrelated vitest/valid-title auto-fix.

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}` : ''