Fixes VanillaSelect requiring two renders to update (#121)

I was having issues with the VanillaSelect not updating its state when something update the metadatacache

I've swapped it to use useControlledState like all the other components. Fixed it for me.

Author: cdloh

src/api/ui/basics.tsx

@@ -169,19 +169,14 @@ export function VanillaSelect(
     } & React.ComponentProps<"select">
 ) {
     const { className, options = [], value, defaultValue, onValueChange, ...forwardingProps } = props;
-    const [selectedValue, setSelectedValue] = React.useState(value ?? defaultValue ?? "");
-
-    React.useEffect(() => {
-        if (typeof value === "string") setSelectedValue(value);
-    }, [value]);
+    const [selectedValue, setSelectedValue] = useControlledState(defaultValue ?? "", value, onValueChange);
 
     return (
         <select
             className={combineClasses("dc-select dropdown", className)}
             value={selectedValue}
             onChange={(e) => {
                 setSelectedValue(e.currentTarget.value);
-                onValueChange && onValueChange(e.currentTarget.value);
             }}
             {...forwardingProps}
         >