feat: mock deal view

src/app/deals/components/shared/DealCard/DealCard.tsx

@@ -1,4 +1,4 @@
-import { Card, Text } from "@mantine/core";
+import { Card, Group, Pill, Stack, Text } from "@mantine/core";
 import { DealSchema } from "@/lib/client";
 import styles from "./DealCard.module.css";
 
@@ -9,7 +9,16 @@ type Props = {
 const DealCard = ({ deal }: Props) => {
     return (
         <Card className={styles.container}>
-            <Text>{deal.name}</Text>
+            <Text c={"dodgerblue"}>{deal.name}</Text>
+            <Stack gap={0}>
+                <Text>Wb электросталь</Text>
+                <Text>19 000 руб.</Text>
+                <Text>130 тов.</Text>
+            </Stack>
+            <Group gap={"xs"}>
+                <Pill className={styles["first-tag"]}>Срочно</Pill>
+                <Pill className={styles["second-tag"]}>Бесплатно</Pill>
+            </Group>
         </Card>
     );
 };