Sync design system namespaces to component/css names

Created by: rrhyne

The names of the components in our design system are inconsistent with their counterpart css classes and React component names. Engineers are required to translate the design system names the proper entity in their system.

Reduce the time required to render designs by naming the design system components after these elements. Clearly denote whether the item is an html entity, CSS class or React component.

• Classes: Button / btn-group-outline / Light
• React components: Button / / Light
• HTML: Text / H4 / Light
• add classes (m-1), etc on rem boxes