feat: deal id display

src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx

@@ -2,7 +2,7 @@ import {FC} from "react";
 import {DealService, DealSummary} from "../../../client";
 import styles from './DealSummaryCard.module.css';
 
-import {ActionIcon, Text, Image} from '@mantine/core';
+import {ActionIcon, Text, Image, Badge} from '@mantine/core';
 import classNames from "classnames";
 import {useDealPageContext} from "../../../pages/LeadsPage/contexts/DealPageContext.tsx";
 
@@ -37,6 +37,7 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
     return (
         <div onClick={() => onDealSummaryClick()} className={styles['container']}>
             <div className={classNames(styles['flex-row'], styles["flex-row-left"])}>
+
                 <div className={styles['flex-item']}>
                     <Text size={"sm"} c={"gray.6"}>
                         Клиент: {dealSummary.clientName}
@@ -56,7 +57,7 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
             </div>
             <div className={classNames(styles['flex-row'], styles['flex-row-right'])}>
                 <div className={styles['flex-item']}>
-                    <ActionIcon  variant={"transparent"}>
+                    <ActionIcon variant={"transparent"}>
                         <Image src={dealSummary.baseMarketplace?.iconUrl || ""}/>
                     </ActionIcon>
                 </div>
@@ -65,6 +66,11 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
                         {new Date(dealSummary.deadline).toLocaleString('ru-RU').slice(0, -3)}
                     </Text>
                 </div>
+                <div className={styles['flex-item']}>
+                    <Badge variant={"light"} radius={"sm"}>
+                        ID: {dealSummary.id}
+                    </Badge>
+                </div>
             </div>
 
         </div>

src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx

@@ -91,7 +91,7 @@ const Content: FC<Props> = ({deal}) => {
     return (
         <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
             <Flex direction={'column'}>
-                <Fieldset legend={"Общие параметры"}>
+                <Fieldset legend={"Общие параметры [ID: 12311]"}>
                     <Flex direction={"column"} gap={rem(10)}>
                         <TextInput
                             placeholder={"Название сделки"}