Fixes before deploy (#1167)

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

@@ -91,16 +91,13 @@ 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}
-                >
+                <div ref={draggableProvided?.innerRef}>
                   <StyledNewCardButtonContainer>
                     <RecoilScope>{boardOptions.newCardComponent}</RecoilScope>
                   </StyledNewCardButtonContainer>

front/src/modules/ui/input/checkbox/components/Checkbox.tsx

@@ -38,6 +38,7 @@ const StyledInput = styled.input<{
   variant: CheckboxVariant;
   indeterminate?: boolean;
   shape?: CheckboxShape;
+  isChecked: boolean;
 }>`
   cursor: pointer;
   margin: 0;
@@ -79,9 +80,11 @@ const StyledInput = styled.input<{
     width: var(--size);
   }
 
-  &:checked + label:before {
-    background: ${({ theme }) => theme.color.blue};
-    border-color: ${({ theme }) => theme.color.blue};
+  & + label:before {
+    background: ${({ theme, isChecked }) =>
+      isChecked ? theme.color.blue : 'inherit'};
+    border-color: ${({ theme, isChecked }) =>
+      isChecked ? theme.color.blue : 'inherit'};
   }
 
   & + label > svg {
@@ -112,7 +115,6 @@ export function Checkbox({
   React.useEffect(() => {
     setIsInternalChecked(checked);
   }, [checked]);
-
   function handleChange(value: boolean) {
     onChange?.(value);
     setIsInternalChecked(!isInternalChecked);
@@ -130,6 +132,7 @@ export function Checkbox({
         variant={variant}
         checkboxSize={size}
         shape={shape}
+        isChecked={isInternalChecked}
         onChange={(event) => handleChange(event.target.checked)}
       />
       <label htmlFor="checkbox">

front/src/modules/ui/layout/components/DefaultLayout.tsx

@@ -19,7 +19,20 @@ const StyledLayout = styled.div`
   flex-direction: row;
   height: 100vh;
   position: relative;
+  scrollbar-color: ${({ theme }) => theme.border.color.medium};
+
+  scrollbar-width: 4px;
   width: 100vw;
+
+  *::-webkit-scrollbar {
+    height: 4px;
+    width: 4px;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background-color: ${({ theme }) => theme.border.color.medium};
+    border-radius: ${({ theme }) => theme.border.radius.sm};
+  }
 `;
 
 const NAVBAR_WIDTH = '236px';

front/src/modules/ui/layout/show-page/components/ShowPageLeftContainer.tsx

@@ -14,6 +14,7 @@ export const ShowPageLeftContainer = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(3)};
+  overflow-y: scroll;
   padding: 0px ${({ theme }) => theme.spacing(3)};
   width: ${({ theme }) => {
     const isMobile = useIsMobile();