cleanup

- remove unused components
- cleanup style

client/src/features/editors/Editor.jsx

@@ -1,10 +1,7 @@
-
 import { lazy, useEffect } from 'react';
-import { Heading } from '@chakra-ui/layout';
 import { Box } from '@chakra-ui/layout';
 import { useDisclosure } from '@chakra-ui/hooks';
 import styles from './Editor.module.css';
-import NumberedText from 'common/components/text/NumberedText';
 import SettingsModal from 'features/modals/SettingsModal';
 import MenuBar from 'features/menu/MenuBar';
 
@@ -53,9 +50,11 @@ export default function Editor() {
           </div>
         </Box>
 
-        <Box className={styles.info} borderRadius='0.5em' overflowX='auto'>
+        <Box className={styles.info}>
           <h1>Info</h1>
-          <div className={styles.content}></div>
+          <div className={styles.content}>
+            <Info />
+          </div>
         </Box>
       </div>
     </>

client/src/features/editors/list/EventBlock.jsx

@@ -161,10 +161,6 @@ const CollapsedBlock = (props) => {
 
 export default function EventBlock(props) {
   const { data, selected, delay, index, eventIndex, actionHandler } = props;
-
-  // const [collapsed, setCollapsed] = useState(checkLocalStorage(data.id));
-
-  // const collapsed = useSelector(itemsAtom, (state) => state === data.id);
   const [collapsed] = useAtom(
     useMemo(() => SelectCollapse(data.id), [data.id])
   );

client/src/features/editors/list/EventBlock.module.css

@@ -30,7 +30,6 @@
   grid-template-columns: 2em 2em auto auto 1fr auto 3.7em;
   grid-template-areas: 'drag indi time time text more btns';
   justify-content: center;
-  align-items: baseline;
 }
 
 .expanded {