fix: spacing between statuses and cards, tag labels

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,18 +25,22 @@ export const CardsPage: FC = () => {
 
     const [displayMode, setDisplayMode] = useState<DisplayMode>(DisplayMode.BOARD);
 
-    const tableBody = (
-        <CardsTable items={data} />
-    );
+    const tableBody = useMemo(() => {
+        return (
+            <CardsTable items={data} />
+        );
+    }, [data]);
 
-    const boardsBody = (
-        <DndContextProvider
-            summariesRaw={summariesRaw}
-            refetchSummaries={refetchSummaries}
-        >
-            <Boards />
-        </DndContextProvider>
-    );
+    const boardsBody = useMemo(() => {
+        return (
+            <DndContextProvider
+                summariesRaw={summariesRaw}
+                refetchSummaries={refetchSummaries}
+            >
+                <Boards />
+            </DndContextProvider>
+        );
+    }, [summariesRaw]);
 
     const getBody = () => {
         return (