Replace native selects with NovaSelect

resources/js/components/upload/CategorySelector.jsx

@@ -15,7 +15,7 @@ import React from 'react'
  * @param {string}      [props.error]             Validation error message
  * @param {function}    props.onRootChange        Called with (rootId: string)
  * @param {function}    props.onSubChange         Called with (subId: string)
- * @param {Array}       [props.allRoots]          All root options (for the hidden accessible select)
+ * @param {Array}       [props.allRoots]          All root options (for cross-type fallback)
  * @param {function}    [props.onRootChangeAll]   Fallback handler with full cross-type info
  */
 export default function CategorySelector({
@@ -99,45 +99,6 @@ export default function CategorySelector({
         </div>
       )}
 
-      {/* Accessible hidden select (screen readers / fallback) */}
-      <div className="sr-only">
-        <label htmlFor="category-root-select">Root category</label>
-        <select
-          id="category-root-select"
-          value={String(rootCategoryId || '')}
-          onChange={(e) => {
-            const nextRootId = String(e.target.value || '')
-            if (onRootChangeAll) {
-              const matched = allRoots.find((r) => String(r.id) === nextRootId)
-              onRootChangeAll(nextRootId, matched?.contentTypeValue ?? null)
-            } else {
-              onRootChange?.(nextRootId)
-            }
-          }}
-        >
-          <option value="">Select root category</option>
-          {rootOptions.map((root) => (
-            <option key={root.id} value={String(root.id)}>{root.name}</option>
-          ))}
-        </select>
-
-        {hasSubcategories && (
-          <>
-            <label htmlFor="category-sub-select">Subcategory</label>
-            <select
-              id="category-sub-select"
-              value={String(subCategoryId || '')}
-              onChange={(e) => onSubChange?.(String(e.target.value || ''))}
-            >
-              <option value="">Select subcategory</option>
-              {selectedRoot.children.map((sub) => (
-                <option key={sub.id} value={String(sub.id)}>{sub.name}</option>
-              ))}
-            </select>
-          </>
-        )}
-      </div>
-
       {error && (
         <p className="mt-1 text-xs text-red-300" role="alert">{error}</p>
       )}