[구매 및 장바구니 관련수정]

- buyoption : ,로 인해서 잘리는 부분수정.
 - mock데이터 말고 정식 상품이 바로 구매로 넘어올떄 관련 부분 수정.
 - 장바구니 금액 노출부분 수정 및 스타일 수정
 - 구매 과정중 금액 노출및 정상적이지 않는 스타일에 대한수정
 - 갯수 관련 수정

com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx

@@ -1,12 +1,27 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
-import { useDispatch, useSelector } from 'react-redux';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
 import { Job } from '@enact/core/util';
 import Spotlight from '@enact/spotlight';
 
-import { getCheckoutTotalAmt, resetCheckoutData } from '../../actions/checkoutActions';
-import { setHidePopup, setShowPopup } from '../../actions/commonActions';
+import {
+  getCheckoutTotalAmt,
+  resetCheckoutData,
+} from '../../actions/checkoutActions';
+import {
+  setHidePopup,
+  setShowPopup,
+} from '../../actions/commonActions';
 import { getShoptimeTerms } from '../../actions/empActions';
 import {
   sendLogCheckOutBtnClick,
@@ -26,23 +41,27 @@ import TPanel from '../../components/TPanel/TPanel';
 import TPopUp from '../../components/TPopUp/TPopUp';
 import TQRCode from '../../components/TQRCode/TQRCode';
 import useScrollTo from '../../hooks/useScrollTo';
-import * as Config from '../../utils/Config';
-import { $L, scaleH, scaleW } from '../../utils/helperMethods';
-import { SpotlightIds } from '../../utils/SpotlightIds';
 import { BUYNOW_CONFIG } from '../../utils/BuyNowConfig';
+import * as Config from '../../utils/Config';
+import {
+  $L,
+  scaleH,
+  scaleW,
+} from '../../utils/helperMethods';
 import {
-  normalizeProductDataForDisplay,
-  getSafeFirstProduct,
   getSafeCurrencyInfo,
+  getSafeFirstProduct,
+  normalizeProductDataForDisplay,
 } from '../../utils/mockDataSafetyUtils';
+import { SpotlightIds } from '../../utils/SpotlightIds';
 import css from './CheckOutPanel.module.less';
 import PinCodeInput from './components/PinCodeInput';
 import FixedSideBar from './container/FixedSideBar';
 import InformationContainer from './container/InformationContainer';
-import OrderItemsSideBar from './container/OrderItemsSideBar';
-import SummaryContainer from './container/SummaryCotainer';
-import SummaryContainerMock from './container/SummaryContainerMock';
 import InformationContainerMock from './container/InformationContainerMock';
+import OrderItemsSideBar from './container/OrderItemsSideBar';
+import SummaryContainerMock from './container/SummaryContainerMock';
+import SummaryContainer from './container/SummaryCotainer';
 
 export default function CheckOutPanel({ panelInfo }) {
   // DEBUG_LOG 설정 - 이 값이 true일 때만 console.log가 실행됨
@@ -542,6 +561,10 @@ export default function CheckOutPanel({ panelInfo }) {
     dispatch(sendLogMyInfoEdit({ btnNm }));
   }, []);
 
+  const checkOutPanelInfo = panels.find(
+    (panel) => panel.name === "checkoutpanel"
+  )?.panelInfo;
+
   console.log(
     '[CheckOutPanel] Rendering - orderSideBarOpen:',
     orderSideBarOpen,
@@ -597,7 +620,7 @@ export default function CheckOutPanel({ panelInfo }) {
                 toggleOfferSideBar={toggleOfferSideBar}
                 scrollTopBody={scrollTopBody}
                 doSendLogMyInfoEdit={doSendLogMyInfoEdit}
-                orderItemsCount={orderItemsCount}
+                orderItemsCount={orderItemsCount}                
               />
             ) : (
               <InformationContainer
@@ -684,6 +707,7 @@ export default function CheckOutPanel({ panelInfo }) {
         <PinCodeInput
           setPlaceOrderPopup={setPlaceOrderPopup}
           setIsOrderSuccessful={setIsOrderSuccessful}
+          lastTotalPrice={checkOutPanelInfo?.estimatedTotal}
         />
       </TFullPopup>
       <div style={{display: 'none'}}>