feat: add pre-commit hooks & refactor code to pass linting

frontend/src/shared/components/AddList/AddList.stories.tsx

@@ -16,4 +16,3 @@ export default {
 export const Default = () => {
   return <AddList onSave={action('on save')} />;
 };
-

frontend/src/shared/components/CardComposer/Styles.ts

@@ -32,4 +32,3 @@ export const AddCardButton = styled(Button)`
   padding: 6px 12px;
   border-radius: 3px;
 `;
-

frontend/src/shared/components/TaskDetails/index.tsx

@@ -190,10 +190,14 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
   const handleDeleteTask = () => {
     onDeleteTask(task);
   };
+  const $title = useRef<HTMLTextAreaElement>(null);
   const onKeyDown = (e: React.KeyboardEvent) => {
     if (e.key === 'Enter') {
       e.preventDefault();
       onTaskNameChange(task, taskName);
+      if ($title && $title.current) {
+        $title.current.blur();
+      }
     }
   };
   const $unassignedRef = useRef<HTMLDivElement>(null);
@@ -300,6 +304,7 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
       <TaskHeader>
         <TaskDetailsTitleWrapper>
           <TaskDetailsTitle
+            ref={$title}
             value={taskName}
             onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setTaskName(e.currentTarget.value)}
             onKeyDown={onKeyDown}