Fix a potential bug in icon default size passing in sidebar

Author: jeradrutnam

packages/oxygen-ui/src/components/Sidebar/SidebarItemIcon.tsx

@@ -85,8 +85,8 @@ export const SidebarItemIcon: React.FC<SidebarItemIconProps> = ({
 
   const iconWithSize = React.isValidElement(children)
     ? React.cloneElement(children, {
-        size: (children.props as { size?: number }).size ?? 20,
         ...(children.props as object),
+        size: (children.props as { size?: number }).size ?? 20,
       } as React.Attributes)
     : children;
 

packages/oxygen-ui/src/components/UserMenu/UserMenuItem.tsx

@@ -85,8 +85,8 @@ export const UserMenuItem: React.FC<UserMenuItemProps> = ({
         <ListItemIcon>
           {React.isValidElement(icon)
             ? React.cloneElement(icon, {
-                size: (icon.props as { size?: number }).size ?? 18,
                 ...(icon.props as object),
+                size: (icon.props as { size?: number }).size ?? 18,
               } as React.Attributes)
             : icon}
         </ListItemIcon>

packages/oxygen-ui/src/components/UserMenu/UserMenuLogout.tsx

@@ -75,8 +75,8 @@ export const UserMenuLogout: React.FC<UserMenuLogoutProps> = ({
         <ListItemIcon>
           {React.isValidElement(icon)
             ? React.cloneElement(icon, {
-                size: (icon.props as { size?: number }).size ?? 18,
                 ...(icon.props as object),
+                size: (icon.props as { size?: number }).size ?? 18,
               } as React.Attributes)
             : icon}
         </ListItemIcon>