feat: selected board style, boards spacing, text font size

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

@@ -1,4 +1,4 @@
-import { Card } from "@mantine/core";
+import { Card, Text } from "@mantine/core";
 import { DealSchema } from "@/lib/client";
 import styles from "./DealCard.module.css";
 
@@ -7,7 +7,11 @@ type Props = {
 };
 
 const DealCard = ({ deal }: Props) => {
-    return <Card className={styles.container}>{deal.name}</Card>;
+    return (
+        <Card className={styles.container}>
+            <Text>{deal.name}</Text>
+        </Card>
+    );
 };
 
 export default DealCard;