perf: auto load icons (#688)

* perf: icon

* perf: icon

* doc

* perf: simple edit ui

* doc

* doc

* doc

* doc

packages/web/components/common/Icon/close.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Flex, type FlexProps } from '@chakra-ui/react';
+import MyIcon from './index';
+
+const CloseIcon = (props: FlexProps) => {
+  return (
+    <Flex
+      cursor={'pointer'}
+      w={'22px'}
+      h={'22px'}
+      alignItems={'center'}
+      justifyContent={'center'}
+      borderRadius={'50%'}
+      _hover={{ bg: 'myGray.200' }}
+      {...props}
+    >
+      <MyIcon name={'common/closeLight'} w={'12px'} color={'myGray.500'} />
+    </Flex>
+  );
+};
+
+export default CloseIcon;