Replace native selects with NovaSelect

resources/js/Pages/Collection/CollectionShow.jsx

@@ -3,6 +3,7 @@ import { usePage } from '@inertiajs/react'
 import ArtworkGallery from '../../components/artwork/ArtworkGallery'
 import CollectionCard from '../../components/profile/collections/CollectionCard'
 import CollectionVisibilityBadge from '../../components/profile/collections/CollectionVisibilityBadge'
+import NovaSelect from '../../components/ui/NovaSelect'
 import SeoHead from '../../components/seo/SeoHead'
 import CommentForm from '../../components/social/CommentForm'
 import CommentList from '../../components/social/CommentList'
@@ -985,11 +986,7 @@ export default function CollectionShow() {
         <PageSection icon="fa-paper-plane" eyebrow="Submissions" title="Submit to this collection">
           {canSubmit && submissionArtworkOptions?.length ? (
             <div className="space-y-3">
-              <select value={selectedArtworkId} onChange={(event) => setSelectedArtworkId(event.target.value)} className="w-full rounded-2xl border border-white/10 bg-[#0d1726] px-4 py-3 text-white outline-none transition focus:border-sky-300/35">
-                {submissionArtworkOptions.map((artwork) => (
-                  <option key={artwork.id} value={artwork.id}>{artwork.title}</option>
-                ))}
-              </select>
+              <NovaSelect value={String(selectedArtworkId || '')} onChange={(val) => setSelectedArtworkId(val)} placeholder="Select artwork" options={submissionArtworkOptions.map((a) => ({ value: String(a.id), label: a.title }))} />
               <button type="button" onClick={handleSubmitArtwork} className="inline-flex items-center gap-2 rounded-2xl border border-sky-300/25 bg-sky-400/10 px-4 py-3 text-sm font-semibold text-sky-100 transition hover:bg-sky-400/15"><i className="fa-solid fa-paper-plane fa-fw" />Submit artwork</button>
             </div>
           ) : (