Modify Icon description and props

Author: Kubit

src/components/elementOrIcon/elementOrIcon.tsx

@@ -27,9 +27,8 @@ const ElementOrIconComponent = (
 };
 
 /**
- * @description
- * ElementOrIcon component is a component that can be used to display an element or an icon.
- * It can be used to display an icon or a component.
+ * ElementOrIcon component is a component that can be used to display either an element or an icon.
+ * It offers flexibility in rendering either icons or more complex components within a given context.
  * @param {IElementOrIcon} props
  * @returns {JSX.Element}
  * @constructor

src/components/elementOrIllustration/elementOrIllustration.tsx

@@ -22,7 +22,6 @@ const ElementOrIllustrationComponent = (
 };
 
 /**
- * @description
  * ElementOrIllustration component is a component that can be used to display an element or an illustration.
  * It can be used to display an illustration or a component.
  * @param {IElementOrillustration} props

src/components/icon/icon.tsx

@@ -35,12 +35,19 @@ const IconBasicComponent = (
         aria-label={props['aria-label'] || altText}
         data-testid={iconProps.dataTestId}
         disabled={disabled}
+        id={props.id}
         tabIndex={tabIndex}
         type={ButtonType.BUTTON}
         onClick={onClick}
       >
         <ScreenReaderOnly>{screenReaderText}</ScreenReaderOnly>
-        <IconStandAlone {...iconProps} ref={ref} dataTestId={undefined} linearIcon={isLinearIcon} />
+        <IconStandAlone
+          {...iconProps}
+          ref={ref}
+          dataTestId={undefined}
+          id={undefined}
+          linearIcon={isLinearIcon}
+        />
       </IconButtonStyled>
     );
   }