fix: make settings controls editable

components/ui/select.tsx

@@ -3,6 +3,8 @@
 import * as React from "react";
 import { Select as KumoSelect } from "@cloudflare/kumo/components/select";
 
+import { cn } from "@/lib/utils";
+
 export type SelectOption = {
   value: string;
   label: React.ReactNode;
@@ -24,6 +26,7 @@ type SelectProps = {
 };
 
 export function Select({
+  className,
   onValueChange,
   options,
   placeholder,
@@ -33,6 +36,7 @@ export function Select({
 }: SelectProps): React.ReactElement {
   return (
     <KumoSelect<string>
+      className={cn("w-full", className)}
       defaultValue={defaultValue}
       onValueChange={(nextValue) => onValueChange?.(String(nextValue))}
       placeholder={placeholder}