More typing

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

@@ -1,8 +1,19 @@
 import { Card, Modal } from '@mantine/core';
 import { useCommonHooks } from 'hooks';
+import type React from 'react';
 import { cardClasses, modalClasses } from 'styles';
 
-function AddItemModal({ modalOpened, handleClose, body, title }: any) {
+function AddItemModal({
+	modalOpened,
+	handleClose,
+	body,
+	title,
+}: {
+	modalOpened: boolean;
+	handleClose: () => void;
+	body: React.ReactNode;
+	title: string;
+}) {
 	const { isMobile, modalStyle } = useCommonHooks();
 	return (
 		<Modal.Root
@@ -25,8 +36,11 @@ function AddItemModal({ modalOpened, handleClose, body, title }: any) {
 				</Modal.Header>
 				<Modal.Body
 					h={isMobile ? '90%' : undefined}
-					pb={'2rem'}
-					style={{ justifyContent: 'center', alignContent: 'center' }}
+					style={{
+						justifyContent: 'center',
+						alignContent: 'center',
+						paddingBottom: '2rem',
+					}}
 				>
 					<Card
 						style={{ alignContent: 'center', justifyContent: 'center' }}