Remove duplicate code between Issues, Commits, Repos, PullRequest

[Andrewnt219]

What would you like to be added:

As suggested in #2360. These components are quite the same, but there are still many differences in content. Therefore, we can either go with a component exposing many props or just abstract the styling and markup:

// PullRequest.tsx

<GithubResource.Container>
  <GithubResource.Title text="Pull Request" icon={<PrIcon />} />
  <GithubResouce.List>
    {prUrls.map((url) => (
      <GithubResouce.ListItem key={url}>
        <GitHubResource.Link
          href={`https://github.com${pullRequest}`}
          title={'Pull Request #' + getPullRequestNumber(pullRequest)}
          text={getPullRequestNumber(pullRequest)}
        />
      </GithubResouce.ListItem>
    ))}
  </GithubResouce.List>
</GithubResource.Container>

Why would you like this to be added:
Improve maintainability.

[humphd]

See also #2380 which should help with this.

[HyperTHD]

This could probably be made into a custom hook that all the components can use once everything is organized. I can help with this if needed