Replace FontIcon with SvgIcon in the Sharing Component (#162)

This commit includes:
* Replace FontIcon with SvgIcon in sharing component, we are moving away from FontIcon
* Added tests for PermissionOption component
* Some Prettier formatting changes

examples/svg-icon/index.js

@@ -85,6 +85,7 @@ const icons = (
                 <SvgIcon icon={'Create'} />
             </div>
             <div style={cardStyle}>
+<<<<<<< e2bbdb1d9f74356bcb72e853419eba7215c761c2
                 <h3>CropFree</h3>
                 <SvgIcon icon={'CropFree'} />
             </div>
@@ -115,6 +116,17 @@ const icons = (
             <div style={cardStyle}>
                 <h3>FontDownload</h3>
                 <SvgIcon icon={'FontDownload'} />
+=======
+                <h3>Delete</h3>
+                <SvgIcon icon={'Delete'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>Done</h3>
+                <SvgIcon icon={'Done'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>DragHandle</h3>
+                <SvgIcon icon={'DragHandle'} />
             </div>
             <div style={cardStyle}>
                 <h3>GridOn</h3>
@@ -132,13 +144,67 @@ const icons = (
                 <h3>InsertChart</h3>
                 <SvgIcon icon={'InsertChart'} />
             </div>
+            <div style={cardStyle}>
+                <h3>Message</h3>
+                <SvgIcon icon={'Message'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>MoreVert</h3>
+                <SvgIcon icon={'MoreVert'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>Group</h3>
+                <SvgIcon icon={'Group'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>InfoOutline</h3>
+                <SvgIcon icon={'InfoOutline'} />
+                <h3>NotInterested</h3>
+                <SvgIcon icon={'NotInterested'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>Person</h3>
+                <SvgIcon icon={'Person'} />
+            </div>
             <div style={cardStyle}>
                 <h3>Launch</h3>
                 <SvgIcon icon={'Launch'} />
             </div>
             <div style={cardStyle}>
-                <h3>Message</h3>
-                <SvgIcon icon={'Message'} />
+                <h3>Room</h3>
+                <SvgIcon icon={'Room'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>ShowChart</h3>
+                <SvgIcon icon={'ShowChart'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>Disabled icon</h3>
+                <SvgIcon icon={'Star'} disabled />
+            </div>
+            <div style={cardStyle}>
+                <h3>Icon color</h3>
+                <SvgIcon icon={'Star'} style={{ fill: 'red' }} />
+            </div>
+            <div style={cardStyle}>
+                <h3>Star, also with className prop</h3>
+                <SvgIcon icon={'Star'} className="my-starry-icon" />
+            </div>
+            <div style={cardStyle}>
+                <h3>StarBorder</h3>
+                <SvgIcon icon={'StarBorder'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>ViewList</h3>
+                <SvgIcon icon={'ViewList'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>Visibility</h3>
+                <SvgIcon icon={'Visibility'} />
+            </div>
+            <div style={cardStyle}>
+                <h3>VisibilityOff</h3>
+                <SvgIcon icon={'VisibilityOff'} />
             </div>
             <div style={cardStyle}>
                 <h3>MoreVert</h3>