fix(ui2): alert trailing items positioning (#94214)

Previously, trailing items had default padding. Now it uses a
`min-height` which should be more flexible.

**Before**
<img width="828" alt="Screenshot 2025-06-24 at 1 17 15 PM"
src="https://github.com/user-attachments/assets/8a8c73b4-ae09-428a-a037-163897557347"
/>

**After**
<img width="822" alt="Screenshot 2025-06-24 at 2 24 43 PM"
src="https://github.com/user-attachments/assets/eb435539-b68a-4e2d-8f02-65dce3249b7d"
/>

Author: natemoo-re

static/app/components/core/alert/index.chonk.tsx

@@ -129,23 +129,23 @@ export const TrailingItems = chonkStyled('div')<ChonkAlertProps>`
   grid-template-rows: 100%;
   gap: ${p => p.theme.space.md};
   font-size: ${p => p.theme.fontSizeMedium};
-  padding-top: ${p => p.theme.space.md};
   grid-row: 2;
   grid-column: 1 / -1;
   justify-items: start;
-  margin-top: -2px;
+  min-height: 28px;
+  padding-block: ${p => p.theme.space['2xs']};
 
   > svg {
     width: 16px;
     height: 16px;
     display: flex;
     align-items: center;
+    align-self: center;
   }
 
   @media (min-width: ${p => p.theme.breakpoints.small}) {
-    grid-row: auto;
-    grid-column: auto;
-    align-items: flex-start;
+    grid-area: auto;
+    align-items: start;
   }
 `;