Add support for onScrollEnd event (#26789)

## Summary

This adds support for the new
[scrollend](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollend_event)
event. It was recently added to the spec, and is currently supported in
Firefox 109 and Chrome Canary (shipping in Chrome 114). You can read
more about this event
[here](https://developer.chrome.com/blog/scrollend-a-new-javascript-event/).
This PR adds support for the `onScrollEnd` prop, following the
implementation for `onScroll`.

## How did you test this change?

Added unit tests.

packages/react-dom-bindings/src/client/ReactDOMComponent.js

@@ -588,6 +588,15 @@ function setProp(
       }
       break;
     }
+    case 'onScrollEnd': {
+      if (value != null) {
+        if (__DEV__ && typeof value !== 'function') {
+          warnForInvalidEventListener(key, value);
+        }
+        listenToNonDelegatedEvent('scrollend', domElement);
+      }
+      break;
+    }
     case 'dangerouslySetInnerHTML': {
       if (value != null) {
         if (typeof value !== 'object' || !('__html' in value)) {
@@ -956,6 +965,15 @@ function setPropOnCustomElement(
       }
       break;
     }
+    case 'onScrollEnd': {
+      if (value != null) {
+        if (__DEV__ && typeof value !== 'function') {
+          warnForInvalidEventListener(key, value);
+        }
+        listenToNonDelegatedEvent('scrollend', domElement);
+      }
+      break;
+    }
     case 'onClick': {
       // TODO: This cast may not be sound for SVG, MathML or custom elements.
       if (value != null) {
@@ -2815,6 +2833,10 @@ export function diffHydratedProperties(
     listenToNonDelegatedEvent('scroll', domElement);
   }
 
+  if (props.onScrollEnd != null) {
+    listenToNonDelegatedEvent('scrollend', domElement);
+  }
+
   if (props.onClick != null) {
     // TODO: This cast may not be sound for SVG, MathML or custom elements.
     trapClickOnNonInteractiveElement(((domElement: any): HTMLElement));

packages/react-dom-bindings/src/events/DOMEventNames.js

@@ -88,6 +88,7 @@ export type DOMEventName =
   | 'reset'
   | 'resize'
   | 'scroll'
+  | 'scrollend'
   | 'seeked'
   | 'seeking'
   | 'select'

packages/react-dom-bindings/src/events/DOMEventProperties.js

@@ -96,6 +96,7 @@ const simpleEventPluginEvents = [
   'touchStart',
   'volumeChange',
   'scroll',
+  'scrollEnd',
   'toggle',
   'touchMove',
   'waiting',

packages/react-dom-bindings/src/events/DOMPluginEventSystem.js

@@ -226,6 +226,7 @@ export const nonDelegatedEvents: Set<DOMEventName> = new Set([
   'invalid',
   'load',
   'scroll',
+  'scrollend',
   'toggle',
   // In order to reduce bytes, we insert the above array of media events
   // into this Set. Note: the "error" event isn't an exclusive media event,

packages/react-dom-bindings/src/events/TopLevelEventTypes.js

@@ -73,6 +73,7 @@ export type TopLevelType =
   | 'reset'
   | 'resize'
   | 'scroll'
+  | 'scrollend'
   | 'seeked'
   | 'seeking'
   | 'selectionchange'

packages/react-dom-bindings/src/events/plugins/SimpleEventPlugin.js

@@ -140,6 +140,7 @@ function extractEvents(
       SyntheticEventCtor = SyntheticTransitionEvent;
       break;
     case 'scroll':
+    case 'scrollend':
       SyntheticEventCtor = SyntheticUIEvent;
       break;
     case 'wheel':
@@ -199,7 +200,7 @@ function extractEvents(
       // nonDelegatedEvents list in DOMPluginEventSystem.
       // Then we can remove this special list.
       // This is a breaking change that can wait until React 18.
-      domEventName === 'scroll';
+      (domEventName === 'scroll' || domEventName === 'scrollend');
 
     const listeners = accumulateSinglePhaseListeners(
       targetInst,