Move from prettier-eslint to eslint-plugin-prettier, update dependencies

client/src/components/Board/AddList.jsx

@@ -1,6 +1,4 @@
-import React, {
-  useCallback, useEffect, useImperativeHandle, useRef, useState,
-} from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { Button, Form, Input } from 'semantic-ui-react';
@@ -44,7 +42,7 @@ const AddList = React.forwardRef(({ children, onCreate }, ref) => {
   }, [open]);
 
   const handleFieldKeyDown = useCallback(
-    (event) => {
+    event => {
       if (event.key === 'Escape') {
         close();
       }

client/src/components/Board/Board.jsx

@@ -13,7 +13,7 @@ import { ReactComponent as PlusMathIcon } from '../../assets/images/plus-math-ic
 
 import styles from './Board.module.css';
 
-const parseDndId = (dndId) => dndId.split(':')[1];
+const parseDndId = dndId => dndId.split(':')[1];
 
 const Board = React.memo(
   ({
@@ -41,12 +41,10 @@ const Board = React.memo(
     }, []);
 
     const handleDragEnd = useCallback(
-      ({
-        draggableId, type, source, destination,
-      }) => {
+      ({ draggableId, type, source, destination }) => {
         if (
-          !destination
-          || (source.droppableId === destination.droppableId && source.index === destination.index)
+          !destination ||
+          (source.droppableId === destination.droppableId && source.index === destination.index)
         ) {
           return;
         }

client/src/components/Board/Filter.jsx

@@ -26,14 +26,14 @@ const Filter = React.memo(
     const [t] = useTranslation();
 
     const handleUserRemoveClick = useCallback(
-      (id) => {
+      id => {
         onUserRemove(id);
       },
       [onUserRemove],
     );
 
     const handleLabelRemoveClick = useCallback(
-      (id) => {
+      id => {
         onLabelRemove(id);
       },
       [onLabelRemove],
@@ -44,7 +44,7 @@ const Filter = React.memo(
         <span className={styles.filter}>
           <ProjectMembershipsPopup
             items={allProjectMemberships}
-            currentUserIds={users.map((user) => user.id)}
+            currentUserIds={users.map(user => user.id)}
             title={t('common.filterByMembers', {
               context: 'title',
             })}
@@ -56,7 +56,7 @@ const Filter = React.memo(
               {users.length === 0 && <span className={styles.filterLabel}>{t('common.all')}</span>}
             </button>
           </ProjectMembershipsPopup>
-          {users.map((user) => (
+          {users.map(user => (
             <span key={user.id} className={styles.filterItem}>
               <User
                 name={user.name}
@@ -70,7 +70,7 @@ const Filter = React.memo(
         <span className={styles.filter}>
           <LabelsPopup
             items={allLabels}
-            currentIds={labels.map((label) => label.id)}
+            currentIds={labels.map(label => label.id)}
             title={t('common.filterByLabels', {
               context: 'title',
             })}
@@ -85,7 +85,7 @@ const Filter = React.memo(
               {labels.length === 0 && <span className={styles.filterLabel}>{t('common.all')}</span>}
             </button>
           </LabelsPopup>
-          {labels.map((label) => (
+          {labels.map(label => (
             <span key={label.id} className={styles.filterItem}>
               <Label
                 name={label.name}