New sidebar and table component enhancements/updates

[joshsjurik]

• Decrease table font size
• Tighten up table padding/spacing (e.g. similar to the current IT standards table, please provide more width to the description column)
• Change filter button active styles so they are different from the focus state styles
• Fix table toolbar button alignment (off by a pixel or 2)
• Add helper text to table toolbar buttons on hover
• Add accessibility features to sidebar and table
• If modal tab has no data, please do not show that tab (e.g. https://dev.ea.gsa.gov/#/systems/1034 does not have "Websites" data, so this tab should not be visible). Here are the list of tabs this would apply to: Business Systems - investments tab and websites tab; Organizations - related capabilities and organizational systems; GSA Websites - related systems; IT standards - systems using this standard.
• Removing pagination seems to freeze the browser and prompts a "Page Unresponsive" window. This happened when clicking the pagination button on the IT standards list and on the Organizations list. It eventually does load, but it takes about a minute. (remove this button for now)
• For the Security->FISMA Systems POCs report, this should have the same filters as the Security-> FISMA Systems Inventory (i.e. the total count of rows should be the same -- right now the FISMA Systems POCs report is 888 and it should be about 116).
• For all of the tables, it looks like the add/remove column options are all named as they appear in the API, which isn't always intuitive to the user. These should be named the same as the column header appears. For example, in the Business Systems & Subsystems report, the user might now know that "AO" means Authorizing Official.
• When you click the filter button to search on a specific data field, it looks like the search is only returning data if your search term is the first term of the string. For example, if you go to Security->FISMA Systems Inventory and search "gov" on the System Name filter, no results will show despite there being several systems that end in ".gov". If you search for "Acquisition" on the System Name filter, it will only return "Acquisition.gov" but not other systems that have that word in their title, like "FAS Acquisition (FA)"
• The Security->FISMA System Inventory is sorted by the Id column by default, but it should be sorted by the System Name column. For example, you see "Digital Analytics Program (DAP)" ahead of "Api.data.gov".
• The IT Standards report and the Business Systems & Subsystems report still require horizontal scrolling on a laptop screen in order to see all of the data elements. Similar to prod, can we make all of these data fields viewable without a horizontal scroll (on the default columns)
• The header (top) row of the Access Forms, Glossary, and Data Dictionary tables should be a different color than the rest of the table. You might already be addressing this one as part of the broader Farzad UI updates.
• When clicking on a definition button on one of the reports, you should be able to click the button again to remove the helper text as well as being able to click elsewhere on the page to remove it. Currently, the only way to close it is to click away from the button and helper text.