Update displaying top 3 most used languages with those percent

[luminous037]

• Added .ts file to utils to calculate the percentage of top languages.

• Added stat and style codes for displaying top languages to the stats.ts and github-stats.tsx files.

• I used the &hide=topLanguages option to hide the top languages stat, just like the other stats.

• test image

• test without avatar

• hide top languages

[vercel]

@luminous037 is attempting to deploy a commit to the lucinyan's projects Team on Vercel.

A member of the Team first needs to authorize it.

[luminous037]

@LuciNyan
The test code was originally based on the previous version of the project. Since I’ve made some modifications, would you like me to update the test code accordingly and send another PR?

[LuciNyan]

Hi @luminous037 !

I suggest we avoid modifying existing unit tests and instead focus on adding new ones. Changing current tests could impact users who are already using pixel-profile, as they might not expect to see "top lang" in the generated images.

Additionally, I’ve noticed that the display of "top lang" in the generated images feels a bit visually crowded from a layout perspective. It might be worth considering a redesign of the template to improve the overall visual effect.

[LuciNyan]

I’m currently working on a new template to better accommodate the display of "top lang," but I haven’t yet found a layout I’m fully satisfied with. Here’s how it looks so far. I’d love to hear your thoughts and any suggestions you might have! 🚀