add default filename, use monitor name for filename

src/Components/ShareComponent/index.jsx

@@ -3,7 +3,7 @@ import ShareIcon from "@mui/icons-material/Share";
 import { Button } from "@mui/material";
 import { useTheme } from "@emotion/react";
 
-const ShareComponent = ({ elementToCapture, fileName }) => {
+const ShareComponent = ({ elementToCapture, fileName = "screenshot" }) => {
 	const theme = useTheme();
 	const captureAndShare = async () => {
 		try {

src/Pages/DistributedUptime/Details/Components/StatusHeader/index.jsx

@@ -74,7 +74,10 @@ const StatusHeader = ({ monitor, connectionStatus, elementToCapture }) => {
 						</Typography>
 					</Stack>
 				</Stack>
-				<ShareComponent elementToCapture={elementToCapture} />
+				<ShareComponent
+					elementToCapture={elementToCapture}
+					fileName={monitor.name}
+				/>
 			</Stack>
 			<ChatBot sx={{ marginTop: theme.spacing(10) }} />
 		</ColContainer>