feat: added tags for cards, aligned status headers

src/components/Dnd/Cards/CardSummaryItem/CardSummaryItem.tsx

@@ -11,6 +11,7 @@ import { useContextMenu } from "mantine-contextmenu";
 import useCardSummaryState from "./useCardSummaryState.tsx";
 import isModuleInProject, { Modules } from "../../../../modules/utils/isModuleInProject.ts";
 import { useProjectsContext } from "../../../../contexts/ProjectsContext.tsx";
+import CardTags from "../CardTags/CardTags.tsx";
 
 type Props = {
     cardSummary: CardSummary;
@@ -26,7 +27,7 @@ const CardSummaryItem: FC<Props> = ({ cardSummary, color }) => {
     const isServicesAndProductsIncluded = isModuleInProject(Modules.SERVICES_AND_PRODUCTS, selectedProject);
     const isClientIncluded = isModuleInProject(Modules.CLIENTS, selectedProject);
 
-    const onDealSummaryClick = () => {
+    const onCardSummaryClick = () => {
         CardService.getCardById({ cardId: cardSummary.id }).then(card => {
             setSelectedCard(card);
         });
@@ -59,7 +60,7 @@ const CardSummaryItem: FC<Props> = ({ cardSummary, color }) => {
                     icon: <IconTrash />,
                 },
             ])}
-            onClick={() => onDealSummaryClick()}
+            onClick={() => onCardSummaryClick()}
             className={styles["container"]}
             style={{ backgroundColor: color }}
         >
@@ -95,6 +96,9 @@ const CardSummaryItem: FC<Props> = ({ cardSummary, color }) => {
                         </Text>
                     </Flex>
                 )}
+                {!cardSummary.group?.id && (
+                    <CardTags cardId={cardSummary.id} tags={cardSummary.tags}/>
+                )}
                 <Flex align={"center"} justify={"space-between"}>
                     <Flex align={"center"} gap={rem(5)}>
                         <CopyButton value={cardSummary.id.toString()}>