Application adding bugfix; consolidated Settings headers

src/pages/settings/components/Shared/DeleteItemModal.tsx

@@ -0,0 +1,35 @@
+import { Card, Modal } from '@mantine/core';
+import { useCommonHooks } from 'hooks';
+import { cardClasses, modalClasses } from 'styles';
+
+function DeleteItemModal({ modalOpened, handleClose, body, title }: any) {
+	const { isMobile, modalStyle } = useCommonHooks();
+	return (
+		<Modal.Root
+			size={'60%'}
+			className={modalClasses.helpModal}
+			classNames={modalClasses}
+			opened={modalOpened}
+			fullScreen={isMobile}
+			onClose={handleClose}
+			style={modalStyle}
+			closeOnEscape
+			closeOnClickOutside
+		>
+			<Modal.Overlay style={{ zIndex: 999 }} />
+			<Modal.Content style={{ zIndex: 1000 }}>
+				<Modal.Header>
+					<Modal.Title>{title}</Modal.Title>
+					<Modal.CloseButton />
+				</Modal.Header>
+				<Modal.Body pb={'2rem'}>
+					<Card className={cardClasses.settingsItem} classNames={cardClasses}>
+						{body}
+					</Card>
+				</Modal.Body>
+			</Modal.Content>
+		</Modal.Root>
+	);
+}
+
+export default DeleteItemModal;