feat: division between mobile and desktop components, boards for mobile

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

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