web: easier to navigate around + a lot of minor ui improvements

apps/web/src/components/Card.tsx

@@ -1,5 +1,20 @@
 import type { HtmlProps } from '@/types';
+import { cn } from '@/utils/cn';
 
-export function Card({ children }: HtmlProps<HTMLDivElement>) {
-  return <div className="border border-border rounded">{children}</div>;
+type CardProps = HtmlProps<HTMLDivElement> & {
+  hover?: boolean;
+};
+
+export function Card({ children, hover }: CardProps) {
+  return (
+    <div
+      className={cn(
+        'border border-border rounded',
+        hover &&
+          'transition-all hover:-translate-y-0.5 hover:shadow hover:border-black'
+      )}
+    >
+      {children}
+    </div>
+  );
 }