Icon component

[cameronbaney]

Description

The purpose of this PR is to add the icon component and documentation.

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

• Go to the icons documentation page. Icons should be present and documentation should outline usage. Note: The icons are different than the designs because the "Design System only shows an example of some of them."
• Go to the buttons icons page and the icons should be shown in the circle buttons.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have pushed the final commit message using the changelog format

[mahamzayed]

Looks great and functions as expected. I do get this error in the console when I view the page however:

react-dom.development.js:21 Warning: validateDOMNesting(...): <ul> cannot appear as a descendant of <p>.
    in ul (created by EmptyBlock)
    in p (created by Context.Consumer)
    in Styled(p) (created by EmptyBlock)
    in div (created by Context.Consumer)
    in Styled(div) (created by Spaced)
    in Spaced (created by Context.Consumer)
    in Styled(Spaced) (created by EmptyBlock)
    in div (created by Context.Consumer)
    in Styled(div) (created by Spaced)
    in Spaced (created by Context.Consumer)
    in Styled(Spaced) (created by EmptyBlock)
    in div (created by Context.Consumer)
    in Styled(div) (created by EmptyBlock)
    in EmptyBlock (created by Ref)
    in div (created by Context.Consumer)
    in Styled(div) (created by Ref)
    in Ref (created by Sidebar)
    in div (created by Context.Consumer)
    in Styled(div) (created by Spaced)
    in Spaced (created by Context.Consumer)
    in Styled(Spaced) (created by Sidebar)
    in div (created by OverlayScrollbarsComponent)
    in div (created by OverlayScrollbarsComponent)
    in div (created by OverlayScrollbarsComponent)
    in div (created by OverlayScrollbarsComponent)
    in OverlayScrollbarsComponent
    in Unknown (created by Context.Consumer)
    in Styled(Component) (created by ScrollArea)
    in ScrollArea (created by Context.Consumer)
    in Styled(ScrollArea) (created by Sidebar)
    in nav (created by Context.Consumer)
    in Styled(nav) (created by Sidebar)
    in Sidebar
    in Unknown (created by ManagerConsumer)
    in ManagerConsumer
    in Unknown (created by Layout)
    in div (created by Context.Consumer)
    in Styled(div) (created by Sidebar)
    in Sidebar (created by Layout)
    in Layout (created by Context.Consumer)
    in WithTheme(Layout)
    in Unknown
    in div (created by Context.Consumer)
    in Styled(div)
    in Unknown (created by SizeMeRenderer(Component))
    in SizeMeReferenceWrapper (created by SizeMeRenderer(Component))
    in SizeMeRenderer(Component) (created by SizeMe(Component))
    in SizeMe(Component)
    in ThemeProvider
    in Unknown (created by ManagerConsumer)
    in ManagerConsumer (created by Manager)
    in EffectOnMount (created by Manager)
    in Manager (created by Context.Consumer)
    in Location (created by QueryLocation)
    in QueryLocation (created by Root)
    in LocationProvider (created by Root)
    in HelmetProvider (created by Root)
    in Root
  

[cameronbaney]

@mahamzayed Thanks for reporting that. Looks like this is a Storybook issue, and is fixed in newer versions. I would like to upgrade Storybook in another PR but that is low priority right now.