fix(footer): align contact email icon with text

[singhanurag0317-bit]

Closes #1219

What

The footer contact email icon (Mail) appeared vertically misaligned with the support@snappassai.com text with cramped, inconsistent spacing.

Changes

• frontend/src/components/layout/Footer.css
  • .footer__contact is now a flex container with align-items: center and a consistent gap: 8px.
  • The icon has flex-shrink: 0 and line-height: 1 on the container so the icon stays vertically centered and proportional to the text.
• Added FooterContact.test.jsx (2 tests) verifying the icon+link structure in the contact container.

Verification

• npx vitest run src/test/__tests__/FooterContact.test.jsx — 2 passed.

[vercel]

@singhanurag0317-bit is attempting to deploy a commit to the souma9830's projects Team on Vercel.

A member of the Team first needs to authorize it.