feat: 🎸 [IconWrapper] Added component to centralize Icon usage

✅ Closes: 166

src/components/IconWrapper/index.tsx

@@ -0,0 +1,37 @@
+import React, { FC } from "react";
+
+import { IconSize } from "../../types/Icon";
+import { IIconWrapper } from "../../types/IconWrapper";
+import { logWarn } from "../../utils/logger";
+import Icon from "../Icon";
+
+export const DATA_CY_DEFAULT = "icon-wrapper";
+
+const IconWrapper: FC<IIconWrapper> = ({
+  dataCy = DATA_CY_DEFAULT,
+  forwarded,
+  icon,
+  loading = false,
+  rotate = false,
+  size = IconSize.default,
+  style,
+}) => {
+  if (!icon) {
+    logWarn("IconWrapper", "Skip rendering, both children and name are not set");
+    return null;
+  }
+
+  return (
+    <Icon
+      dataCy={dataCy}
+      forwarded={forwarded}
+      loading={loading}
+      name={icon}
+      rotate={rotate}
+      size={size}
+      style={style}
+    />
+  );
+};
+
+export default IconWrapper;

src/types/IconWrapper.ts

@@ -0,0 +1,4 @@
+import { IBase } from "./Base";
+import { IIcon, IPartialIconUtilizer } from "./Icon";
+
+export type IIconWrapper = IBase & IPartialIconUtilizer & Omit<IIcon, "name">;