[MISC][NT] Aligned icons and copy for alert component with icon variant

[nobeltws]

Changes
Fixed alignment of alert component to center contents when icon is rendered

• [delete] branch

Changelog entry

• [WARNING] Center contents when icon is rendered in Alert

• You may refer to this BOOKINGSG-6398

[qroll]

actually the icon will need to be top aligned (Figma)

currently it is vertically centered when text wraps

could you try setting a fixed height on the AlertIconWrapper?

[nobeltws]

oops, my bad. i removed the align-items: center css from the AlertIconWrapper. Seems no need to set the height
for single line it is now like this:

With max collapse height:

[qroll]

annoyingly, now the small variant becomes misaligned, probably due to the different text height on the font

what if we remove the custom height height: 1.625rem;, and apply height: 1lh and align-items: center on AlertIconWrapper? this forces it to match the height of the first line

[nobeltws]

Updated with your suggestions. i checked in storybook, looks good~

[qroll]

thanks for the fix!