add placeholder prop, add min width and height props

Client/src/Components/Image/index.jsx

@@ -11,9 +11,12 @@ const Image = ({
 	alt,
 	width = "auto",
 	height = "auto",
+	minWidth = "auto",
+	minHeight = "auto",
 	maxWidth = "auto",
 	maxHeight = "auto",
 	base64,
+	placeholder,
 	sx,
 }) => {
 	if (shouldRender === false) {
@@ -28,11 +31,21 @@ const Image = ({
 		src = `data:image/png;base64,${base64}`;
 	}
 
+	if (
+		typeof src === "undefined" &&
+		typeof base64 === "undefined" &&
+		typeof placeholder !== "undefined"
+	) {
+		src = placeholder;
+	}
+
 	return (
 		<Box
 			component="img"
 			src={src}
 			alt={alt}
+			minWidth={minWidth}
+			minHeight={minHeight}
 			maxWidth={maxWidth}
 			maxHeight={maxHeight}
 			width={width}
@@ -48,6 +61,8 @@ Image.propTypes = {
 	alt: PropTypes.string.isRequired,
 	width: PropTypes.string,
 	height: PropTypes.string,
+	minWidth: PropTypes.string,
+	minHeight: PropTypes.string,
 	maxWidth: PropTypes.string,
 	maxHeight: PropTypes.string,
 	base64: PropTypes.string,