[워닝제거] 큰범위 내에서 사용하지않는것, 공백 부분만 처리

- optionalConfirm, optionalTermsConfirm, optionalTermsConfirmBottom 3파일 우선처리.

com.twin.app.shoptime/src/components/Optional/OptionalConfirm.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
+
 import TNewPopUp from '../TPopUp/TNewPopUp'; // TNewPopUp 컴포넌트의 정확한 경로를 확인해주세요.
 import css from './OptionalConfirm.module.less';
 

com.twin.app.shoptime/src/components/Optional/OptionalTermsConfirm.jsx

@@ -1,14 +1,26 @@
 // src/components/Optional/OptionalTermsConfirm.jsx
 
-import React, { useEffect, useCallback, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import TPopUp from '../TPopUp/TPopUp';
-import TButton from '../TButton/TButton';
-import TCheckBoxSquare from '../TCheckBox/TCheckBoxSquare';
-import TButtonScroller from '../TButtonScroller/TButtonScroller';
-import { $L, scaleH, scaleW } from '../../utils/helperMethods';
+import React, {
+  useCallback,
+  useState,
+} from 'react';
+
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
+
 import { setHidePopup } from '../../actions/commonActions';
 import { setMyPageTermsAgree } from '../../actions/myPageActions';
+import {
+  $L,
+  scaleH,
+  scaleW,
+} from '../../utils/helperMethods';
+import TButton from '../TButton/TButton';
+import TButtonScroller from '../TButtonScroller/TButtonScroller';
+import TCheckBoxSquare from '../TCheckBox/TCheckBoxSquare';
+import TPopUp from '../TPopUp/TPopUp';
 import css from './OptionalTermsConfirm.module.less';
 
 const OptionalTermsConfirm = ({ open }) => {
@@ -18,7 +30,6 @@ const OptionalTermsConfirm = ({ open }) => {
   const [isTermsPopupVisible, setIsTermsPopupVisible] = useState(false);
   const [isWarningPopupVisible, setIsWarningPopupVisible] = useState(false);
 
-
   const optionalTermsData = useSelector((state) =>
     state.home.termsData?.data?.terms.find(term => term.trmsTpCd === "MST00405")
   );
@@ -72,10 +83,10 @@ const OptionalTermsConfirm = ({ open }) => {
     setIsWarningPopupVisible(false);
   }, []);
 
-  const handleDontAskAgain = () => {
+  const handleDontAskAgain = useCallback(() => {
     console.log("Don't Ask Again 처리 필요");
     dispatch(setHidePopup());
-  };
+  },[dispatch]);
 
   if (isTermsPopupVisible) {
     return (

com.twin.app.shoptime/src/components/Optional/OptionalTermsConfirmBottom.jsx

@@ -1,17 +1,28 @@
 // src/components/Optional/OptionalTermsConfirm.jsx
 
-import React, { useEffect, useCallback, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import TNewPopUp from '../TPopUp/TNewPopUp';
-import TButton from '../TButton/TButton';
-import TCheckBoxSquare from '../TCheckBox/TCheckBoxSquare';
-import TButtonScroller from '../TButtonScroller/TButtonScroller';
-import { $L, scaleH, scaleW } from '../../utils/helperMethods';
+import React, {
+  useCallback,
+  useEffect,
+  useState,
+} from 'react';
+
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
+
+import Spotlight from '@enact/spotlight';
+
 import { setHidePopup } from '../../actions/commonActions';
 import { setMyPageTermsAgree } from '../../actions/myPageActions';
+import {
+  $L,
+  scaleH,
+  scaleW,
+} from '../../utils/helperMethods';
+import TButtonScroller from '../TButtonScroller/TButtonScroller';
+import TNewPopUp from '../TPopUp/TNewPopUp';
 import css from './OptionalTermsConfirmBottom.module.less';
-import cssPopup from '../TPopUp/TNewPopUp.module.less';
-import Spotlight from "@enact/spotlight";
 
 const OptionalTermsConfirm = ({ open }) => {
   const dispatch = useDispatch();
@@ -37,13 +48,13 @@ const OptionalTermsConfirm = ({ open }) => {
     }
   }, [open, isTermsPopupVisible, isWarningPopupVisible]);
 
-  const handleMainPopupClose = useCallback(() => {
-    dispatch(setHidePopup());
-  }, [dispatch]);
+  // const handleMainPopupClose = useCallback(() => {
+  //   dispatch(setHidePopup());
+  // }, [dispatch]);
 
-  const handleCheckboxToggle = useCallback(({ selected }) => {
-    setIsChecked(selected);
-  }, []);
+  // const handleCheckboxToggle = useCallback(({ selected }) => {
+  //   setIsChecked(selected);
+  // }, []);
 
   const handleViewTermsClick = useCallback(() => {
     setIsTermsPopupVisible(true);