refactor: update UI component usage to match latest shadcn APIs

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

@@ -3,9 +3,15 @@
 import { useState } from 'react';
 import { PaletteGrid } from '@/components/pastel/color/PaletteGrid';
 import { ExportMenu } from '@/components/pastel/tools/ExportMenu';
-import { Button } from '@/components/ui/Button';
-import { Input } from '@/components/ui/Input';
-import { Select } from '@/components/ui/Select';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
 import { useGenerateDistinct } from '@/lib/pastel/api/queries';
 import { Loader2 } from 'lucide-react';
 import { toast } from 'sonner';
@@ -65,14 +71,23 @@ export default function DistinctPage() {
                 </p>
               </div>
 
-              <Select
-                label="Distance Metric"
-                value={metric}
-                onChange={(e) => setMetric(e.target.value as 'cie76' | 'ciede2000')}
-              >
-                <option value="cie76">CIE76 (Faster)</option>
-                <option value="ciede2000">CIEDE2000 (More Accurate)</option>
-              </Select>
+              <div className="space-y-2">
+                <label className="text-sm font-medium block">
+                  Distance Metric
+                </label>
+                <Select
+                  value={metric}
+                  onValueChange={(value) => setMetric(value as 'cie76' | 'ciede2000')}
+                >
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select metric" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="cie76">CIE76 (Faster)</SelectItem>
+                    <SelectItem value="ciede2000">CIEDE2000 (More Accurate)</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
 
               <Button
                 onClick={handleGenerate}