fix: top/left align icon in s2 badge (#7691)

* fix: top/left align icon in s2 badge

* center icon only badge

Author: yihuiliao

packages/@react-spectrum/s2/src/Badge.tsx

@@ -61,7 +61,10 @@ const badge = style<BadgeStyleProps>({
   display: 'flex',
   font: 'control',
   justifyContent: 'center',
-  alignItems: 'center',
+  alignItems: {
+    default: 'baseline',
+    ':has([slot=icon]:only-child)': 'center'
+  },
   borderRadius: 'control',
   minHeight: 'control',
   paddingX: {