refactor: update UI component usage to match latest shadcn APIs

app/(app)/pastel/batch/page.tsx

@@ -1,9 +1,15 @@
 'use client';
 
 import { useState } from 'react';
-import { Button } from '@/components/ui/Button';
-import { Select } from '@/components/ui/Select';
-import { Input } from '@/components/ui/Input';
+import { Button } from '@/components/ui/button';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { Input } from '@/components/ui/input';
 import { PaletteGrid } from '@/components/pastel/color/PaletteGrid';
 import { ExportMenu } from '@/components/pastel/tools/ExportMenu';
 import { useLighten, useDarken, useSaturate, useDesaturate, useRotate } from '@/lib/pastel/api/queries';
@@ -118,15 +124,19 @@ export default function BatchPage() {
               <h2 className="text-sm font-medium mb-4">Operation</h2>
               <div className="space-y-4">
                 <Select
-                  label="Operation"
                   value={operation}
-                  onChange={(e) => setOperation(e.target.value as Operation)}
+                  onValueChange={(value) => setOperation(value as Operation)}
                 >
-                  <option value="lighten">Lighten</option>
-                  <option value="darken">Darken</option>
-                  <option value="saturate">Saturate</option>
-                  <option value="desaturate">Desaturate</option>
-                  <option value="rotate">Rotate Hue</option>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select operation" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="lighten">Lighten</SelectItem>
+                    <SelectItem value="darken">Darken</SelectItem>
+                    <SelectItem value="saturate">Saturate</SelectItem>
+                    <SelectItem value="desaturate">Desaturate</SelectItem>
+                    <SelectItem value="rotate">Rotate Hue</SelectItem>
+                  </SelectContent>
                 </Select>
 
                 <div>