refactor: theme icon for icon size setting

src/components/ui/ThemeIcon/ThemeIcon.tsx

@@ -0,0 +1,18 @@
+import React, { FC } from "react";
+import { Center, ThemeIconProps } from "@mantine/core";
+
+type Props = ThemeIconProps;
+
+const ThemeIcon: FC<Props> = props => {
+    return (
+        <Center>
+            <ThemeIcon
+                bg={"transparent"}
+                {...props}>
+                {props.children}
+            </ThemeIcon>
+        </Center>
+    );
+};
+
+export default ThemeIcon;