fix: icons maintainercard overflowing

[TijnR]

Pages: https://tanstack.com/ , https://tanstack.com/virtual/latest/docs/contributors
Viewport Size: Mobile

Issue(s):

1. Icons overflow on mobile.
2. Wrong bluesky icon used.

Fix:

1. Only on breakpoint < than tailwind sm (40rem (640px)) show contributorsCard in col-1
2. Add Bluesky icon.
3. Wrap Icons (if more will be added in the future).
4. Remove unnecessary filter, filter-transition

Only on breakpoint < than tailwind sm (40rem (640px)):

OLD

New

[netlify]

✅ Deploy Preview for tanstack ready!

Name	Link
🔨 Latest commit	37e156b
🔍 Latest deploy log	https://app.netlify.com/projects/tanstack/deploys/687f3863f9543100080ce131
😎 Deploy Preview	https://deploy-preview-445--tanstack.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 30 (🟢 up 5 from production) Accessibility: 98 (no change from production) Best Practices: 83 (no change from production) SEO: 78 (no change from production) PWA: 60 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[SeanCassiere]

We wanted the the cards on mobile to be two columns to reduce the scrolling. Especially the list of maintainers only really seems to be growing 😅.

Is there perhaps anything you can do to make the two column layout work on mobile?

[TijnR]

@SeanCassiere for sure!

This also looks oke.

[SeanCassiere]

@TijnR thanks!