add image upload, fix styles

src/app/styles/marking-pages.scss

@@ -66,13 +66,65 @@
 			margin-bottom: 10px;
 		}
 
-		p {
+		.description {
 			color: #6b7280;
 			margin-bottom: 20px;
 		}
 
 		.btn-primary {
 			background: linear-gradient(45deg, #6566f1, #01579b);
+			margin-bottom: 20px;
+		}
+	}
+
+	.selected-file {
+		border-radius: 15px;
+		background: #fff;
+		padding: 10px;
+
+		&-file-info {
+			text-align: left;
+		}
+
+		.uploaded-image {
+			border-radius: 0.25rem;
+			max-height: calc(4px * 40);
+			margin-inline: auto;
+			margin-bottom: 20px;
+			border: 1px solid #d1d5db;
+		}
+
+		.btn-confirm {
+			background: linear-gradient(45deg, #6566f1, #01579b);
+			color: white;
+			border: none;
+			padding: 5px 15px;
+			border-radius: 12px;
+			cursor: pointer;
+			font-weight: 600;
+			font-size: 16px;
+			transition: 0.3s;
+			min-width: 160px;
+			transform: translateY(0px);
+			box-shadow: none;
+		}
+
+		.btn-cancel {
+			background: #fff;
+			color: rgb(99, 102, 241);
+			border: 2px solid rgb(99, 102, 241);
+			padding: 5px 15px;
+			border-radius: 12px;
+			cursor: pointer;
+			font-weight: 600;
+			font-size: 16px;
+			transition: 0.3s;
+			min-width: 120px;
+		}
+
+		.btn:hover {
+			transform: translateY(-2px);
+			box-shadow: 0 8px 25px #6366f14d;
 		}
 	}
 }