Updates to the Dashboard based on UX designs

[jeff-phillips-18]

Closes [Dev] Update dashboard to provided a table view of contributions

Description

Updates the Dashboard section of the UI to be My contributions
Adds a table view and card view of the current contributions.
Adds a read-only view for contributions

Screen shots

Contributions table w/ Skills enabled

Action button w/ Skills enabled

Actions for saved contribution

Actions for draft contribution

Knowledge contribution read only view

Skills contribution read only view

Card view

Card view sort options

Card view sort direction options

Edit knowledge

Edit draft skill

/cc @Misjohns @beaumorley

[vishnoianil]

LGTM

[Misjohns]

Here are my initial recommendations:

1. Anywhere we have an external icon please use the Font size - xs size for the icon.
   
2. New badge contrast is low. Make background #3B3FB6 with #FFFFFF text
   
3. Contribution statuses are Submitted and Draft. Currently showing Available.
   
4. Ascending/Descending sort should be a toggle icon not a dropdown on card view
   
5. Sort by dropdown menu items should all start with uppercase letter (title case). Once in dropdown they should be lowercase since they follow "Sort by".
6. The pagination looks odd on card view. Is this just because your screen is small?
   

[Misjohns]

With My contributions being the only thing on the dashboard, we can move the Contribute and Upload actions into the page header. This gives us more space for the toolbar.

Reference #727 for updated My contribution designs

Card view

[Misjohns]

Use default size outline labels: #147878 for Knowledge and #F8AE54 for Skills
Use compact size filled label: #B9DAFC for NEW

[jeff-phillips-18]

@Misjohns Updated:

The Upload button can be done in a follow-up.

[Misjohns]

This should be a single button. Clicking it just swaps between the 2 sorts. Not a toggle button, sorry for the confusion. Maybe we don't put it on a button, just the icon. (see mobile sample below)

https://www.patternfly.org/patterns/card-view/design-guidelines#card-views-on-mobile

[Misjohns]

Example of the sort icon not in button container

[jeff-phillips-18]

@Misjohns Updated: