update skeleton component

Client/src/Components/StatusBoxes/skeleton.jsx

@@ -1,21 +1,22 @@
 import { Stack, Skeleton } from "@mui/material";
 import { useTheme } from "@emotion/react";
 import PropTypes from "prop-types";
-const SkeletonLayout = ({ numBoxes }) => {
+const SkeletonLayout = ({ numBoxes, flexWrap }) => {
 	const theme = useTheme();
 	return (
 		<Stack
 			direction="row"
+			flexWrap={flexWrap}
 			gap={theme.spacing(4)}
 			mt={theme.spacing(4)}
 		>
 			{Array.from({ length: numBoxes }).map((_, index) => {
-				const width = `${100 / numBoxes}%`;
+				const width = `${200 / numBoxes}%`;
 				return (
 					<Skeleton
 						variant="rounded"
 						width={width}
-						height={50}
+						height={100}
 						key={index}
 					/>
 				);
@@ -25,6 +26,7 @@ const SkeletonLayout = ({ numBoxes }) => {
 };
 
 SkeletonLayout.propTypes = {
+	flexWrap: PropTypes.string,
 	numBoxes: PropTypes.number,
 };