Task4: Circle of contributors

[MrH233]

Brief Information

This pull request is in the type of (more info about types):

• [ ] build
• [ ] ci
• [ ] docs
• [x] feat
• [ ] fix
• [ ] perf
• [ ] refactor
• [ ] test

Related issues (all available keywords):

• keyword #xxx

Details

This feature issue is to track task which is mentioned in https://github.com/hypertrons/hypertrons-crx/issues/808 In order to present warehouse contributors in a more diverse manner, as well as their contribution size and collaborative relationships. We constructed an Active Developer Collaboration Network on the homepage to replace the original Circle of Contributors. In addition, we have set up a toggle button where users can switch the contributor interface view to the Circle of Contributors by clicking the button.

For more information, please refer to the README_808 of fork repository and feel free to share your views in this issue.

Checklist

• [x] I have read the CONTRIBUTING doc
• [x] I have signed the CLA

Others

[CLAassistant]

All committers have signed the CLA.

[wangyantong2000]

Confirm if you forgot to run yarn run prettier.

[MrH233]

check and update the format of files with "yarn run prettier --write"

[Tenth-crew]

First please sign the CLA

Also, I hope you can adjust the size of the container after you switch back to the original view, so that its size is consistent with the original github

At the same time, please adjust the style of the switch button to keep it consistent with GitHub's native style, such as this font style and border

In addition, the following changes can be made by switching views. When the current view is a contributor's avatar, the button content is the developer collaboration network. When the current content is the developer collaboration network, the button content is the contributor list, and the button content is replaced by English.

[MrH233]

Thank you for your valuable suggestions. I have improved and submitted the feature functionality as requested.

[Tenth-crew]

Thanks for the edit! Could you give me a diagram to show me what it looks like after the warehouse is switched when the network graph data cannot be found?