Fix: Center align social media icons within buttons using Flexbox

[ahmedrazabaloch]

Fix: Center align social media icons with Flexbox

• Updated CSS for .social-media a to use flexbox, ensuring tags (icons) are
  vertically and horizontally centered within their containers.
• Added display: flex, justify-content: center, and align-items: center
  to handle the centering of the icons inside each social media button.
• Adjusted font-size for the icons to ensure consistent visual size.

This change improves the alignment and overall layout consistency of the
social media buttons across various screen sizes.

Before

After

[ahmedrazabaloch]

please add this