completed code quality check, code reusability

src/components/LeftSidebar/tabs/Work.js

@@ -7,7 +7,7 @@ import TextField from '../../../shared/TextField';
 import TextArea from '../../../shared/TextArea';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
 import AddItemButton from '../../../shared/AddItemButton';
 
@@ -171,14 +171,11 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
         <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
-          deleteItem={deleteItem}
           dispatch={dispatch}
           first={first}
           identifier={identifier}
           item={item}
           last={last}
-          moveItemDown={moveItemDown}
-          moveItemUp={moveItemUp}
           onChange={onChange}
           type="work"
         />

src/shared/ItemActions.js

@@ -1,18 +1,9 @@
 import React from 'react';
-import Checkbox from './Checkbox';
 
-const ItemActions = ({
+import Checkbox from './Checkbox';
-  deleteItem,
+import { deleteItem, moveItemUp, moveItemDown } from '../utils';
-  dispatch,
+
-  first,
+const ItemActions = ({ dispatch, first, identifier, item, last, onChange, type }) => {
-  identifier,
-  item,
-  last,
-  moveItemDown,
-  moveItemUp,
-  onChange,
-  type,
-}) => {
   return (
     <div className="flex justify-between">
       <div className="flex items-center">