feat: integrate Tailwind CSS with custom theme and animations

Added Tailwind CSS and tw-animate-css imports to globals.css. Introduced a custom dark variant and an extensive @theme inline block with CSS variables for colors, radii, and animations. Included keyframes for shimmer-slide, spin-around, gradient, shine, and background-position-spin to enable consistent theming and dynamic UI effects across the application.

components/ui/price-display.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { Currency } from "@/types/currency";
+import { formatPrice, formatPriceWithTc } from "@/lib/currency-utils";
+import { cn } from "@/lib/utils";
+
+interface PriceDisplayProps {
+  value: number;
+  currency?: Currency;
+  showTc?: boolean;
+  className?: string;
+  size?: "sm" | "md" | "lg";
+}
+
+export function PriceDisplay({
+  value,
+  currency = "gp",
+  showTc = false,
+  className,
+  size = "md",
+}: PriceDisplayProps) {
+  const sizeClasses = {
+    sm: "text-sm",
+    md: "text-lg",
+    lg: "text-2xl",
+  };
+
+  const formattedPrice = showTc
+    ? formatPriceWithTc(value)
+    : formatPrice(value, currency);
+
+  return (
+    <span className={cn("font-bold", sizeClasses[size], className)}>
+      🪙 {formattedPrice}
+    </span>
+  );
+}