super tiny refactor (#52)

Author: MidnightCoder06

packages/@react-spectrum/alert/src/Alert.tsx

@@ -47,6 +47,7 @@ export function Alert(props: AlertProps) {
 
   return (
     <div
+      {...filterDOMProps(otherProps)}
       className={
         classNames(
           styles,
@@ -55,8 +56,7 @@ export function Alert(props: AlertProps) {
           className
         )
       }
-      role="alert"
-      {...filterDOMProps(otherProps)}>
+      role="alert">
       <Icon className={classNames(styles, 'spectrum-Alert-icon')} alt={alt} />
       <div className={classNames(styles, 'spectrum-Alert-header')}>{header}</div>
       <div className={classNames(styles, 'spectrum-Alert-content')}>{children}</div>

packages/@react-spectrum/overlays/src/Popover.tsx

@@ -24,9 +24,10 @@ export const Popover = React.forwardRef((props: PopoverProps, ref: RefObject<HTM
   let {className, children, placement = 'bottom', arrowProps, isOpen, onClose, hideArrow, ...otherProps} = props;
   ref = ref || useRef();
   let {overlayProps} = useOverlay({ref, onClose, isOpen});
-  
+
   return (
     <div
+      {...filterDOMProps(otherProps)}
       ref={ref}
       className={
         classNames(
@@ -47,7 +48,6 @@ export const Popover = React.forwardRef((props: PopoverProps, ref: RefObject<HTM
       }
       role="presentation"
       data-testid="popover"
-      {...filterDOMProps(otherProps)}
       {...overlayProps}>
       {children}
       {hideArrow ? null : <div className={classNames(styles, 'spectrum-Popover-tip')} {...arrowProps} data-testid="tip" />}

packages/@react-spectrum/tabs/src/TabList.tsx

@@ -66,8 +66,8 @@ export function TabList(props: TabListProps) {
 
   return (
     <div
-      ref={ref}
       {...filterDOMProps(otherProps)}
+      ref={ref}
       className={classNames(
         styles,
         'spectrum-Tabs',