Update tables to follow the data-tables guidelines

[samtimalsina]

Spec reference: https://www.google.com/design/spec/components/data-tables.html
MDC Blocker: material-components/material-components-web#57

MDC is missing the Data Table component. This is sad because Drupal uses tables extensively. The blocker is not going away for a few months. For the time-being, I have a custom css+js solution in place. This does not conform to MDC component design (which is out of the scope for this project anyways.)

In any case, the data-table look pretty much like the guidelines except for a few issues:

Cosmetic Issues:

• Table content should be 13sp Roboto Regular.
• The ripple on Filter button should be smaller and above the other content.
  
• Column name hover (Desktop) has not been implemented.
  
  
• The footer control sets (pagination), differs from the the guidelines in certain ways. For example, in Drupal tables, you don't the ability to choose rows per page. Also, the guideline doesn't have page numbers. This should probably be a separate issue and communicate with the MDC team for guidance.
• Css issue in the footer control sets.
  
• The action menu looks out of place because of the font-size, but need to confirm with the MDC team to make sure changing the font size here is ok. This has implications on smaller devices.
  

Behavior

• Action buttons (the node bulk form) can go to the alternate header.