fix: polish kumo dialog and select styling

components/ui/select.tsx

@@ -36,7 +36,14 @@ export function Select({
 }: SelectProps): React.ReactElement {
   return (
     <KumoSelect<string>
-      className={cn("w-full", className)}
+      className={cn(
+        "min-h-10 w-full rounded-md border border-input bg-card px-3 py-2 text-left text-sm font-medium text-foreground shadow-sm",
+        "transition-colors hover:border-primary/45 hover:bg-secondary/35",
+        "focus-visible:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/25",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "[&_[data-placeholder]]:text-muted-foreground [&_svg]:text-primary",
+        className,
+      )}
       defaultValue={defaultValue}
       onValueChange={(nextValue) => onValueChange?.(String(nextValue))}
       placeholder={placeholder}