feat: mock deal view

src/app/deals/components/shared/DealCard/DealCard.module.css

@@ -1,5 +1,8 @@
 
 .container {
+    padding: var(--mantine-spacing-xs);
+    gap: var(--mantine-spacing-xs);
+
     @mixin light {
         background-color: var(--color-light-white-blue);
     }
@@ -7,3 +10,21 @@
         background-color: var(--mantine-color-dark-7);
     }
 }
+
+.first-tag {
+    @mixin light {
+        background-color: lightblue;
+    }
+    @mixin dark {
+        background-color: darkslateblue;
+    }
+}
+
+.second-tag {
+    @mixin light {
+        background-color: lightgray;
+    }
+    @mixin dark {
+        background-color: var(--mantine-color-dark-4);
+    }
+}