refactor: update UI component usage to match latest shadcn APIs

package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@tanstack/react-query": "^5.90.21",
     "@valknarthing/pastel-wasm": "^0.1.0",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "convert-units": "^2.3.4",
@@ -20,6 +21,7 @@
     "html-to-image": "^1.11.13",
     "lucide-react": "^0.575.0",
     "next": "^16.1.6",
+    "radix-ui": "^1.4.3",
     "react": "^19.2.4",
     "react-colorful": "^5.6.1",
     "react-dom": "^19.2.4",
@@ -37,7 +39,9 @@
     "eslint": "^9.21.0",
     "eslint-config-next": "^15.1.7",
     "postcss": "^8.5.6",
+    "shadcn": "^3.8.5",
     "tailwindcss": "^4.2.0",
+    "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3"
   }
 }