Implement creator studio and upload updates

resources/js/components/upload/steps/Step3Publish.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { motion, useReducedMotion } from 'framer-motion'
+import ArchiveScreenshotPicker from '../ArchiveScreenshotPicker'
 
 function stripHtml(value) {
   return String(value || '')
@@ -45,6 +46,8 @@ export default function Step3Publish({
   primaryPreviewUrl,
   isArchive,
   screenshots,
+  selectedScreenshotIndex,
+  onSelectedScreenshotChange,
   fileMetadata,
   // Metadata
   metadata,
@@ -161,6 +164,18 @@ export default function Step3Publish({
             )}
           </div>
         </div>
+
+        {isArchive && screenshots.length > 0 && (
+          <div className="mt-5 border-t border-white/8 pt-5">
+            <ArchiveScreenshotPicker
+              screenshots={screenshots}
+              selectedIndex={selectedScreenshotIndex}
+              onSelect={onSelectedScreenshotChange}
+              title="Archive preview"
+              description="This screenshot will be used as the default preview once the archive is published."
+            />
+          </div>
+        )}
       </div>
 
       {/* ── Visibility selector ────────────────────────────────────────── */}