fix: align callout icon with text

[Eneko96]

Description

This change adjusts the positioning of .yoopta-callout-icon to better align it vertically. The top-2 utility has been replaced with top-1/2, centering the element within its parent. Additionally, a new rule for .yoopta-callout-icon > svg applies -translate-y-1/2, ensuring that the icon itself is vertically centered within its container.

This does not work for the info icon since the path doesn't fill the 16x16 block all other icons on callout do

Fixes # (issue)

Misalignment of the callout icon

Type of change

Please tick the relevant option.

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist:

• [x] I have performed a self-review of my own code
• [ ] I have commented on my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [ ] I have checked my code and corrected any misspellings