add first card

taskncoffee-app/src/components/Card.jsx

@@ -0,0 +1,18 @@
+import styles from '@/lib/styles'
+import { cn } from '@/lib/utils'
+
+export default function CardComponent() {
+    return (
+        <div className={cn(styles.card.filled, "flex flex-col gap-2 min-sm:w-1/3 p-4 h-fit")}>
+            <h1 className={styles.text.h1}>Card</h1>
+            <div className="flex items-center gap-2">
+                <span className={styles.badge.low}>Low</span>
+                <span className={styles.badge.medium}>Medium</span>
+                <span className={styles.badge.high}>High</span>
+                <span className={styles.badge.critical}>Critical</span>
+            </div>
+            <p className={styles.text.smallMuted}>Card description</p>
+            <button className={cn(styles.button.primaryNeon, "w-1/4")}><span className={styles.text.neonBlue}>Complete</span></button>
+        </div>
+    )
+}