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

client/src/components/Card/ActionsPopup.jsx

@@ -70,7 +70,7 @@ const ActionsStep = React.memo(
     }, [openStep]);
 
     const handleDueDateUpdate = useCallback(
-      (dueDate) => {
+      dueDate => {
         onUpdate({
           dueDate,
         });
@@ -79,7 +79,7 @@ const ActionsStep = React.memo(
     );
 
     const handleTimerUpdate = useCallback(
-      (timer) => {
+      timer => {
         onUpdate({
           timer,
         });

client/src/components/Card/Card.jsx

@@ -49,7 +49,7 @@ const Card = React.memo(
     }, []);
 
     const handleNameUpdate = useCallback(
-      (newName) => {
+      newName => {
         onUpdate({
           name: newName,
         });
@@ -65,7 +65,7 @@ const Card = React.memo(
       <>
         {labels.length > 0 && (
           <span className={styles.labels}>
-            {labels.map((label) => (
+            {labels.map(label => (
               <span key={label.id} className={classNames(styles.attachment, styles.attachmentLeft)}>
                 <Label name={label.name} color={label.color} size="tiny" />
               </span>
@@ -101,7 +101,7 @@ const Card = React.memo(
         )}
         {users.length > 0 && (
           <span className={classNames(styles.attachments, styles.attachmentsRight)}>
-            {users.map((user) => (
+            {users.map(user => (
               <span key={user.id} className={classNames(styles.attachment, styles.attachmentRight)}>
                 <User name={user.name} avatar={user.avatar} size="tiny" />
               </span>
@@ -136,9 +136,9 @@ const Card = React.memo(
                         isPersisted,
                       }}
                       projectMemberships={allProjectMemberships}
-                      currentUserIds={users.map((user) => user.id)}
+                      currentUserIds={users.map(user => user.id)}
                       labels={allLabels}
-                      currentLabelIds={labels.map((label) => label.id)}
+                      currentLabelIds={labels.map(label => label.id)}
                       onNameEdit={handleNameEdit}
                       onUpdate={onUpdate}
                       onDelete={onDelete}

client/src/components/Card/EditName.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 TextareaAutosize from 'react-textarea-autosize';
@@ -52,7 +50,7 @@ const EditName = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>
   );
 
   const handleFieldKeyDown = useCallback(
-    (event) => {
+    event => {
       switch (event.key) {
         case 'Enter':
           event.preventDefault();

client/src/components/Card/Tasks.jsx

@@ -10,7 +10,7 @@ const Tasks = React.memo(({ items }) => {
   const [isOpened, toggleOpened] = useToggle();
 
   const handleToggleClick = useCallback(
-    (event) => {
+    event => {
       event.preventDefault();
 
       toggleOpened();
@@ -18,7 +18,7 @@ const Tasks = React.memo(({ items }) => {
     [toggleOpened],
   );
 
-  const completedItems = items.filter((item) => item.isCompleted);
+  const completedItems = items.filter(item => item.isCompleted);
 
   return (
     <>
@@ -47,7 +47,7 @@ const Tasks = React.memo(({ items }) => {
       </div>
       {isOpened && (
         <ul className={styles.tasks}>
-          {items.map((item) => (
+          {items.map(item => (
             <li
               key={item.id}
               className={classNames(styles.task, item.isCompleted && styles.taskCompleted)}