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

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

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 }) => {
@@ -17,9 +29,8 @@ const OptionalTermsConfirm = ({ open }) => {
   const [isChecked, setIsChecked] = useState(false);
   const [isTermsPopupVisible, setIsTermsPopupVisible] = useState(false);
   const [isWarningPopupVisible, setIsWarningPopupVisible] = useState(false);
- 
 
-  const optionalTermsData = useSelector((state) => 
+  const optionalTermsData = useSelector((state) =>
     state.home.termsData?.data?.terms.find(term => term.trmsTpCd === "MST00405")
   );
 
@@ -46,7 +57,7 @@ const OptionalTermsConfirm = ({ open }) => {
     if (isChecked) {
       // 약관 동의할 항목들 (string array)
       const termsList = ["TID0000222", "TID0000223", "TID0000232"];
-    
+
       // 동의하지 않을 항목들 (빈 배열)
       const notTermsList = [];
 
@@ -67,15 +78,15 @@ const OptionalTermsConfirm = ({ open }) => {
       setIsWarningPopupVisible(true);
     }
   }, [isChecked, dispatch]);
-  
+
   const handleCloseWarningPopup = useCallback(() => {
     setIsWarningPopupVisible(false);
   }, []);
 
-  const handleDontAskAgain = () => {
+  const handleDontAskAgain = useCallback(() => {
     console.log("Don't Ask Again 처리 필요");
     dispatch(setHidePopup());
-  };
+  },[dispatch]);
 
   if (isTermsPopupVisible) {
     return (
@@ -144,7 +155,7 @@ const OptionalTermsConfirm = ({ open }) => {
         <div className={css.mainContent}>
           <div className={css.checkboxSection}>
             <div className={css.checkboxArea}>
-              <TCheckBoxSquare 
+              <TCheckBoxSquare
                 selected={isChecked}
                 onToggle={handleCheckboxToggle}
                 spotlightId="optional-checkbox"
@@ -157,34 +168,34 @@ const OptionalTermsConfirm = ({ open }) => {
                 type="terms"
                 ariaLabel={$L("View Optional Terms")}
               >
-                <div className={css.termTitle}>Optional Terms</div>                
+                <div className={css.termTitle}>Optional Terms</div>
               </TButton>
             </div>
           </div>
-          
+
           <div className={css.descriptionSection}>
             <div className={css.description}>
               Get recommendations, special offers, and ads tailored just for you.
             </div>
           </div>
-          
+
           <div className={css.buttonSection}>
             <div className={css.buttonGroup}>
-              <TButton 
+              <TButton
                 onClick={handleAgree}
                 spotlightId="agree-button"
                 className={css.agreeButton}
               >
                 {$L('Agree')}
               </TButton>
-              <TButton 
+              <TButton
                 onClick={handleMainPopupClose}
                 spotlightId="not-now-button"
                 className={css.notNowButton}
               >
                 {$L('Not Now')}
               </TButton>
-              <TButton 
+              <TButton
                 onClick={handleDontAskAgain}
                 spotlightId="dont-ask-button"
                 className={css.dontAskButton}