fix: add CSS-only social icons to ease-footer, removing Font Awesome dependency (#1349)

[Pcmhacker-piro]

Closes #1349

Pull Request Description

The ease-footer social icons depend on Font Awesome classes (fab fa-github, etc.), so when FA fails to load the icon containers render as empty spaces, breaking footer alignment. This adds inline SVG icons via CSS mask so icons work with zero external dependencies.

---

Type of Change

• ✨ New animation / hover effect
• 🧩 New component
• 📝 Documentation improvement
• 🐛 Bug fix in an existing submission
• Other (describe below)

---

Submission Checklist

• All changes are inside submissions/examples/your-feature-name/
• Includes demo.html — self-contained, opens in browser with no server
• Includes style.css — raw CSS for the proposed feature
• Includes README.md — what it does, how to use it, why it fits EaseMotion CSS
• No changes to core/
• No changes to components/ — only components/footer.css
• One feature per PR (no bundled unrelated changes)

---

Feature Description

What does this add?

::before pseudo-elements with SVG mask data URIs on .ease-footer-social a for GitHub, Twitter/X, YouTube, LinkedIn, Facebook, Instagram, and Discord — detected via href attribute selectors. A generic ✦ fallback covers unknown links.

How does a developer use it?

<footer class="ease-footer">
  <div class="ease-footer-social">
    <a href="https://github.com/username">GitHub</a>
    <a href="https://twitter.com/username">Twitter</a>
    <a href="https://youtube.com/@channel">YouTube</a>
  </div>
</footer>
No icon classes needed — just a real href pointing to the platform.
Why does it fit EaseMotion CSS?
Zero external dependencies. The icons inherit currentColor so hover transitions (background → primary, color → white) work seamlessly. When Font Awesome is loaded, its higher-specificity ::before rules take precedence automatically.
Demo
- Demo added (demo.html works by opening directly in a browser)
Browser Testing
- Chrome
- Firefox
- Edge
- Safari (optional but appreciated)
Notes for Maintainer
Supported platforms and their href patterns:
- github.com, twitter.com / x.com, youtube.com, linkedin.com, facebook.com, instagram.com, discord
The :where() pseudo-class keeps the generic fallback at zero specificity so it never overrides platform-specific icons. Icons use mask with currentColor so hover color transitions work automatically.
Closes #1349

[github-actions]

📊 CSS Bundle Size Benchmark

No change in CSS bundle size. ✨

[Pcmhacker-piro]

heyy @SAPTARSHI-coder
i fixed the assign issue so pls check this