Add more Github Stats options for user to choose

[DheerajKN]

anuraghazra/github-readme-stats project that provides GitHub Stats Card now widely used in many profile-readme github has 2 more card namely:

• GitHub Extra Repo Pins
• Top Languages Card

So adding this feature request so that user can get an option to add this data in his profile-readme

Solution - Adding 2 more checkbox option for the user to select whether he wants to add these functionalities:

• If user selects Top Languages Card:

  
  const GithubTopLanguagesUsed = (props) => {
      let link = "https://github-readme-stats.vercel.app/api/top-langs/?username=" + props.github + "&hide_langs_below=1&layout=compact"
      if (props.show) {
          return (<>{`<p align="center"> <img src="${link}" alt="${props.github}" /> </p>`}<br /><br /></>);
      }
      return '';
  }

<></>

- If user selects GitHub Extra Repo Pins:
Add 2 repo links and show them one along side another

```js
    const MostAdmiredRepos = (props) => {
        let html = `
## Most Admired Repos

<a href="https://github.com/${props.github}/${props.repo[0]}">
  <img align="center" src="https://github-readme-stats.vercel.app/api/pin/?username=${props.github}&repo=${props.repo[0]}" />
</a>
<a href="https://github.com/${props.github}/${props.repo[1]}">
 <img align="center" src="https://github-readme-stats.vercel.app/api/pin/?username=${props.github}&repo=${props.repo[1]}" />
</a>`

        if (props.show) {
            return (<>{`${mostAdmiredRepos}`}<br /><br /></>);
        }
        return '';
    }

<><MostAdmiredRepos show={props.data.githubStats} github={props.social.github} repos={props.github.repos}/></>

[rahuldkjain]

@DheerajKN would you like to work on this issue?

[DheerajKN]

No @rahuldkjain, that's the reason why I wrote down some code.

[rahuldkjain]

Fine @DheerajKN

[g-savitha]

Assign it to me