Chore(Icon): added whitespaces to examples (#11576)

Author: Mash707

packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx

@@ -6,10 +6,10 @@ export const BodyIconSizes: React.FunctionComponent = () => (
   <React.Fragment>
     <Icon size="bodySm">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="bodyDefault">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="bodyLg">
       <PlusCircleIcon />
     </Icon>

packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx

@@ -6,19 +6,19 @@ export const HeadingIconSizes: React.FunctionComponent = () => (
   <React.Fragment>
     <Icon size="headingSm">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="headingMd">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="headingLg">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="headingXl">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="heading_2xl">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="heading_3xl">
       <PlusCircleIcon />
     </Icon>

packages/react-core/src/components/Icon/examples/IconBasic.tsx

@@ -9,13 +9,13 @@ export const IconBasic: React.FunctionComponent = () => (
   <React.Fragment>
     <Icon>
       <LongArrowAltDownIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon>
       <AngleRightIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon>
       <AngleDownIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon>
       <CogIcon />
     </Icon>

packages/react-core/src/components/Icon/examples/IconContentSizes.tsx

@@ -6,13 +6,13 @@ export const IconContentSizes: React.FunctionComponent = () => (
   <React.Fragment>
     <Icon size="3xl" iconSize="lg">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="3xl" iconSize="xl">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="3xl" iconSize="2xl">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="3xl">
       <PlusCircleIcon />
     </Icon>

packages/react-core/src/components/Icon/examples/IconStatus.tsx

@@ -10,16 +10,16 @@ export const IconStatus: React.FunctionComponent = () => (
   <React.Fragment>
     <Icon status="danger">
       <ExclamationCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon status="warning">
       <ExclamationTriangleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon status="success">
       <CheckCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon status="info">
       <InfoCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon status="custom">
       <BellIcon />
     </Icon>

packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx

@@ -6,19 +6,19 @@ export const StandaloneIconSizes: React.FunctionComponent = () => (
   <React.Fragment>
     <Icon size="sm">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="md">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="lg">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="xl">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="2xl">
       <PlusCircleIcon />
-    </Icon>
+    </Icon>{' '}
     <Icon size="3xl">
       <PlusCircleIcon />
     </Icon>