feat: ContentModal 에 isCloseOnBackground props 추가 (#533)

- 추후에 배경화면 클릭과 esc를 통한 닫기 기능을 막는 작업을 분리해서 할 수 있도록 해야할 것 같아요.

frontend/src/components/common/modals/ContentModal/index.tsx

@@ -9,12 +9,18 @@ import * as S from './styles';
 interface ContentModalProps {
   title?: string;
   handleClose: () => void;
+  isClosableOnBackground?: boolean;
 }
 
-const ContentModal = ({ title, handleClose, children }: EssentialPropsWithChildren<ContentModalProps>) => {
+const ContentModal = ({
+  title,
+  handleClose,
+  children,
+  isClosableOnBackground = true,
+}: EssentialPropsWithChildren<ContentModalProps>) => {
   return (
     <ModalPortal>
-      <ModalBackground closeModal={handleClose}>
+      <ModalBackground closeModal={isClosableOnBackground ? handleClose : null}>
         <S.ContentModalContainer>
           <S.ContentModalHeader>
             <S.Title>{title}</S.Title>

frontend/src/components/common/modals/ModalBackground/index.tsx

@@ -7,7 +7,7 @@ import * as S from './styles';
 interface ModalBackgroundProps {
   closeModal: (() => void) | null;
 }
-
+// TODO: 배경, ESC를 통한 모달 닫히는 기능을 불리해야함
 const ModalBackground: React.FC<PropsWithChildren<ModalBackgroundProps>> = ({ children, closeModal }) => {
   const modalBackgroundRef = useRef<HTMLDivElement>(null);
   useModalClose({ closeModal, modalBackgroundRef });

frontend/src/pages/ReviewZonePage/components/PasswordModal/index.tsx

@@ -55,7 +55,7 @@ const PasswordModal = ({ closeModal, reviewRequestCode }: PasswordModalProps) =>
   };
 
   return (
-    <ContentModal title={REVIEW_PASSWORD_INPUT_MESSAGE} handleClose={closeModal}>
+    <ContentModal title={REVIEW_PASSWORD_INPUT_MESSAGE} handleClose={closeModal} isClosableOnBackground={false}>
       <S.PasswordModal>
         <S.InputContainer>
           <S.PasswordInputContainer>