Replace native selects with NovaSelect

resources/js/components/uploads/UploadWizard.jsx

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import TagInput from '../tags/TagInput'
 import ScreenshotUploader from './ScreenshotUploader'
 import Checkbox from '../../Components/ui/Checkbox'
+import NovaSelect from '../ui/NovaSelect'
 
 const STEP_PRELOAD = 1
 const STEP_DETAILS = 2
@@ -515,18 +516,12 @@ export default function UploadWizard({
 
             <div>
               <label className="mb-2 block text-sm text-white/80">Category</label>
-              <select
+              <NovaSelect
                 value={details.category_id}
-                onChange={(event) => setDetails((prev) => ({ ...prev, category_id: event.target.value }))}
-                className="w-full rounded-xl border border-white/10 bg-white/10 px-3 py-2 text-sm text-white"
-              >
-                <option value="">Select category</option>
-                {categoryOptions.map((option) => (
-                  <option key={option.id} value={option.id}>
-                    {option.label}
-                  </option>
-                ))}
-              </select>
+                onChange={(value) => setDetails((prev) => ({ ...prev, category_id: value }))}
+                options={categoryOptions.map((option) => ({ value: String(option.id), label: option.label }))}
+                placeholder="Select category"
+              />
             </div>
           </div>