feat: begin support for components and dark mode

app/components/Card.tsx

@@ -0,0 +1,18 @@
+import clsx from 'clsx'
+import { type HTMLProps } from 'react'
+
+type Properties = HTMLProps<HTMLDivElement>
+
+export default function Card(properties: Properties) {
+	return (
+		<div
+			{...properties}
+			className={clsx(
+				'p-4 md:p-6 border dark:border-zinc-700 rounded-lg',
+				properties.className
+			)}
+		>
+			{properties.children}
+		</div>
+	)
+}