Replace native selects with NovaSelect

resources/js/components/nova-cards/NovaCardPresetPicker.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import NovaSelect from '../ui/NovaSelect'
 
 const TYPE_LABELS = {
   style: 'Style',
@@ -208,15 +209,12 @@ export default function NovaCardPresetPicker({
                 required
                 className="w-full rounded-xl border border-white/10 bg-white/[0.04] px-3 py-2 text-sm text-white placeholder-slate-500 outline-none focus:border-sky-400/40"
               />
-              <select
+              <NovaSelect
                 value={captureType}
-                onChange={(e) => setCaptureType(e.target.value)}
-                className="w-full rounded-xl border border-white/10 bg-slate-900 px-3 py-2 text-sm text-white outline-none focus:border-sky-400/40"
-              >
-                {typeKeys.map((type) => (
-                  <option key={type} value={type}>{TYPE_LABELS[type]}</option>
-                ))}
-              </select>
+                onChange={(value) => setCaptureType(value)}
+                options={typeKeys.map((type) => ({ value: type, label: TYPE_LABELS[type] }))}
+                searchable={false}
+              />
               <div className="flex gap-2">
                 <button
                   type="submit"