feat: add cover selection workflow and docker profiles

src/components/UploadStep.jsx

@@ -28,6 +28,8 @@ const UploadStep = () => {
   const uploadedImages = useAppStore((state) => state.uploadedImages);
   const setUploadedImages = useAppStore((state) => state.setUploadedImages);
   const resetFromStep = useAppStore((state) => state.resetFromStep);
+  const coverImageId = useAppStore((state) => state.coverImageId);
+  const setCoverImageId = useAppStore((state) => state.setCoverImageId);
 
   const onDrop = useCallback(
     (acceptedFiles) => {
@@ -45,6 +47,11 @@ const UploadStep = () => {
     [uploadedImages, resetFromStep, setUploadedImages],
   );
 
+  const handleCoverToggle = (imageId) => {
+    const nextId = coverImageId === imageId ? null : imageId;
+    setCoverImageId(nextId);
+  };
+
   const { getRootProps, getInputProps, isDragActive } = useDropzone({
     onDrop,
     accept: {
@@ -98,6 +105,18 @@ const UploadStep = () => {
                       <Typography variant="body2" noWrap>
                         {image.filename}
                       </Typography>
+                      <Button
+                        variant={image.id === coverImageId ? 'contained' : 'outlined'}
+                        size="small"
+                        fullWidth
+                        sx={{ mt: 1 }}
+                        onClick={(event) => {
+                          event.stopPropagation();
+                          handleCoverToggle(image.id);
+                        }}
+                      >
+                        {image.id === coverImageId ? 'Kapak seçildi' : 'Kapak olarak işaretle'}
+                      </Button>
                     </CardContent>
                   </CardActionArea>
                 </Card>