Mattermost-plugin-github: Improve RHS UI and content

[mattermod]

The GitHub plugin RHS lists notifications, pull requests, assigned issues and review requests. We would like to improve the content and UI layout to include:

• PR number
• Milestone version - if available
• Time the PR has been open - in the case of PR lists

The UI should look like:

PR Lists:

Issues List:

Icons used:

• fa-code-fork
• fa-bullseye for milestone

---

If you're interested please comment here and come join our "Contributors" community channel on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please join our "Developers" community channel.

New contributors please see our Developer's Guide.

JIRA: https://mattermost.atlassian.net/browse/MM-17962

[mickmister]

Having the number of approvals shown would also be very helpful. I had made a Jira ticket for that here https://mattermost.atlassian.net/browse/MM-19444

[marianunez]

Having the number of approvals shown would also be very helpful. I had made a Jira ticket for that here https://mattermost.atlassian.net/browse/MM-19444

@mickmister I agree it is very helpful when deciding which PR to work next. Something like shown with the Refined Github plugin:

[mickmister]

@marianunez The Refined Github plugin is awesome! I've gotten so used to it that I thought the approval count was built into the Github UI :smile:

[larkox]

May I take this one?

[marianunez]

That would be great. Thanks @larkox!

[larkox]

Working into this, and I would love some guidance in two things.

1. Styles: is there any class that I can reuse to that shade of blue? I understand it takes the color from the template, but it would be great if I can throw just a class name and forget about it. For the lightly colored text (the one with the repo name) I used the light class, but would be great to use the correct class for this too.

2. Icons: from @marianunez 's comment I guess that the state (marked with the tick or cross icon) is also something desirable for this. I still have to dive a bit more on the information on the elements, but once I find out how to show it... what icons do you want me to use?

Thanks!