feat: use new design for FileContributors

[JoeChenJ]

Description

Use new design for FileContributors

Related Issue

#8024

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	e39dfe8
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/67af0d9cc98e2f00081e3c3d
😎 Deploy Preview	https://deploy-preview-14898--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 46 (🔴 down 5 from production) Accessibility: 95 (no change from production) Best Practices: 89 (🔴 down 9 from production) SEO: 98 (no change from production) PWA: 59 (no change from production) View the detailed breakdown and full score reports

---

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

[JoeChenJ]

Hey @konopkja, could you take a look at this?

Let me know if anything needs improvement!

[konopkja]

looks awesome!

I think this gap could be 50% of what it is now, but overall its great!

---

I noticed that the component is only visible on desktop, do you intend on preparing it for mobile also? I think there is enough space

[JoeChenJ]

looks awesome!

I think this gap could be 50% of what it is now, but overall its great!

I noticed that the component is only visible on desktop, do you intend on preparing it for mobile also? I think there is enough space

@konopkja Sure, I'll work on this soon!

[JoeChenJ]

Hey @konopkja , I’ve adjusted the gap and made the updates for mobile. I also want to point out a few additional changes I made that you might not notice:

1. I added a “Translator” tag next to the Crowdin contributors.

2. I changed the redirect logic for Crowdin contributors — they now link to their Crowdin profiles instead of GitHub.

3. On pages with Crowdin contributors, the modal now displays both Crowdin and GitHub contributors (it used to show only one or the other).

Could you take a look at those as well and let me know if everything looks fine? Appreciate your feedback!

[konopkja]

Hey @konopkja , I’ve adjusted the gap and made the updates for mobile. I also want to point out a few additional changes I made that you might not notice:

1. I added a “Translator” tag next to the Crowdin contributors.
2. I changed the redirect logic for Crowdin contributors — they now link to their Crowdin profiles instead of GitHub.
3. On pages with Crowdin contributors, the modal now displays both Crowdin and GitHub contributors (it used to show only one or the other).

Could you take a look at those as well and let me know if everything looks fine? Appreciate your feedback!

Hey @JoeChenJ it looks perfect! Really appreciate this particular contribution <3

[konopkja]

shall we discuss extending this component to other pages outside developer docs or would it be better tackled in another PR?

[JoeChenJ]

shall we discuss extending this component to other pages outside developer docs or would it be better tackled in another PR?

I think it would be best to merge this PR first, and then we can extend it in another one, as it might take a bit more time