Merge branch 'main' into context-menu-vertical

front/src/modules/ui/board/components/EntityBoard.tsx

@@ -7,6 +7,7 @@ import { IconList } from '@tabler/icons-react';
 import { useRecoilState, useSetRecoilState } from 'recoil';
 
 import { CompanyBoardContext } from '@/companies/states/CompanyBoardContext';
+import { GET_PIPELINE_PROGRESS } from '@/pipeline/queries';
 import { BoardHeader } from '@/ui/board/components/BoardHeader';
 import { StyledBoard } from '@/ui/board/components/StyledBoard';
 import { useUpdateBoardCardIds } from '@/ui/board/hooks/useUpdateBoardCardIds';
@@ -22,7 +23,6 @@ import {
   useUpdateOnePipelineProgressStageMutation,
 } from '~/generated/graphql';
 
-import { GET_PIPELINE_PROGRESS } from '../../../pipeline/queries';
 import { BoardColumnContext } from '../states/BoardColumnContext';
 import { boardColumnsState } from '../states/boardColumnsState';
 import { selectedBoardCardIdsState } from '../states/selectedBoardCardIdsState';

front/src/modules/ui/board/components/EntityBoardColumn.tsx

@@ -91,14 +91,14 @@ export function EntityBoardColumn({
                 />
               </BoardCardIdContext.Provider>
             ))}
-            <Draggable draggableId={`new-${column.id}`} index={cardIds.length}>
+            <Draggable
+              draggableId={`new-${column.id}`}
+              index={cardIds.length}
+              isDragDisabled={true}
+            >
               {(draggableProvided) => (
                 <div
                   ref={draggableProvided?.innerRef}
-                  {...{
-                    ...draggableProvided.dragHandleProps,
-                    draggable: false,
-                  }}
                   {...draggableProvided?.draggableProps}
                 >
                   <StyledNewCardButtonContainer>

front/src/modules/ui/board/components/NewButton.tsx

@@ -8,7 +8,7 @@ const StyledButton = styled.button`
   align-self: baseline;
   background-color: ${({ theme }) => theme.background.primary};
   border: none;
-  border-radius: ${({ theme }) => theme.border.radius.md};
+  border-radius: ${({ theme }) => theme.border.radius.sm};
   color: ${({ theme }) => theme.font.color.tertiary};
   cursor: pointer;
   display: flex;