fix: spacing between statuses and cards, tag labels

src/components/Dnd/Boards/Board/Board.tsx

@@ -61,11 +61,6 @@ const Board = ({ board }: Props) => {
                 <div
                     {...provided.droppableProps}
                     ref={provided.innerRef}
-                    onMouseEnter={() => {
-                        if (dragState === DragState.DRAG_CARD) {
-                            setSelectedBoard(board);
-                        }
-                    }}
                 >
                     <Draggable
                         draggableId={"board-" + board.id.toString()}

src/components/Dnd/Cards/CardTags/CardTags.tsx

@@ -1,4 +1,4 @@
-import { Center, Checkbox, Group, Menu, Pill, rem, Stack, Text } from "@mantine/core";
+import { Center, Checkbox, Group, Menu, Pill, rem, Stack } from "@mantine/core";
 import { CardTagSchema, CardTagService } from "../../../../client";
 import { IconPlus } from "@tabler/icons-react";
 import styles from "./CardTags.module.css";
@@ -63,8 +63,8 @@ const CardTags = ({ tags, cardId, groupId }: Props) => {
                             <Checkbox
                                 checked={!!tags.find(cardTag => cardTag.id === tag.id)}
                                 onClick={(event) => onTagClick(tag, event)}
+                                label={tag.name}
                             />
-                            <Text>{tag.name}</Text>
                         </Group>
                     ))}
                 </Stack>

src/components/Dnd/Cards/CardsDndColumn/DealsDndColumn.module.css

@@ -11,6 +11,7 @@
     flex-direction: column;
     /*background-color: red;*/
     height: 100%;
+    margin-top: 8px;
 }
 
 .items-list::after {

src/pages/CardsPage/ui/CardsPage.tsx

@@ -1,4 +1,4 @@
-import { FC, useState } from "react";
+import { FC, useMemo, useState } from "react";
 import { useCardSummaries } from "../hooks/useCardSummaries.tsx";
 import PageBlock from "../../../components/PageBlock/PageBlock.tsx";
 import CardEditDrawer from "../drawers/CardEditDrawer/CardEditDrawer.tsx";
@@ -25,11 +25,14 @@ export const CardsPage: FC = () => {
 
     const [displayMode, setDisplayMode] = useState<DisplayMode>(DisplayMode.BOARD);
 
-    const tableBody = (
+    const tableBody = useMemo(() => {
+        return (
             <CardsTable items={data} />
         );
+    }, [data]);
 
-    const boardsBody = (
+    const boardsBody = useMemo(() => {
+        return (
             <DndContextProvider
                 summariesRaw={summariesRaw}
                 refetchSummaries={refetchSummaries}
@@ -37,6 +40,7 @@ export const CardsPage: FC = () => {
                 <Boards />
             </DndContextProvider>
         );
+    }, [summariesRaw]);
 
     const getBody = () => {
         return (