[디테일 패널] 파트너사 이미지 노출 수정 / 마커 위치수정

- 현재 qvc로 고정되어있는 파트너사 이미지 변경.
 - productallsection 마커 위치 수정.

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

@@ -1,21 +1,40 @@
 // src/views/DetailPanel/DetailPanel.new.jsx
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
-import { useDispatch, useSelector } from 'react-redux';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
 import Spotlight from '@enact/spotlight';
 import { setContainerLastFocusedElement } from '@enact/spotlight/src/container';
 
 import { getDeviceAdditionInfo } from '../../actions/deviceActions';
 import { getThemeCurationDetailInfo } from '../../actions/homeActions';
-import { getMainCategoryDetail, getMainYouMayLike } from '../../actions/mainActions';
-import { popPanel, updatePanel } from '../../actions/panelActions';
+import {
+  getMainCategoryDetail,
+  getMainYouMayLike,
+} from '../../actions/mainActions';
+import {
+  popPanel,
+  updatePanel,
+} from '../../actions/panelActions';
 import {
   finishVideoPreview,
   pauseFullscreenVideo,
   resumeFullscreenVideo,
 } from '../../actions/playActions';
-import { clearProductDetail, getProductOptionId } from '../../actions/productActions';
+import {
+  clearProductDetail,
+  getProductOptionId,
+} from '../../actions/productActions';
 import TBody from '../../components/TBody/TBody';
 import TPanel from '../../components/TPanel/TPanel';
 import { panel_names } from '../../utils/Config';
@@ -667,6 +686,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
           onSpotlightLeft={onSpotlightUpTButton}
           marqueeDisabled={false}
           ariaLabel={ariaLabel}
+          logoImg={productData?.patncLogoPath}
         />
         <TBody
           className={css.tbody}

com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx

@@ -854,11 +854,7 @@ export default function ProductAllSection({
               spotlightRestrict="none"
               onScroll={handleScroll}
             >
-              <div className={css.productDetail}>
-                <div
-                  id="scroll-marker-product-details"
-                  className={css.scrollMarker}
-                ></div>
+              <div className={css.productDetail}>                
                 {/* <LayoutSample onClick={handleLayoutSampleClick} /> */}
                 <div
                   id="product-details-section"
@@ -915,6 +911,10 @@ export default function ProductAllSection({
                         ))
                     : !hasVideo && <ProductDetail productInfo={productData} />}
                 </div>
+                <div
+                  id="scroll-marker-product-details"
+                  className={css.scrollMarker}
+                ></div>
                 <div
                   id="product-description-section"
                   ref={descriptionRef}

com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx

@@ -12,7 +12,6 @@ import Spottable from '@enact/spotlight/Spottable';
 
 import defaultLogoImg
   from '../../../../assets/images/ic-tab-partners-default@3x.png';
-import qvcLogoImg from '../../../../assets/images/icons/ic-partners-qvc@3x.png';
 import { $L } from '../../../utils/helperMethods';
 import css from './THeaderCustom.module.less';
 
@@ -34,6 +33,7 @@ export default function THeaderCustom({
   ariaLabel,
   children,
   kind,
+  logoImg,
   ...rest
 }) {
   const convertedTitle = useMemo(() => {
@@ -84,7 +84,7 @@ export default function THeaderCustom({
         <div
           className={css.centerImage}
           style={{
-            backgroundImage: `url("${qvcLogoImg}")`,
+            backgroundImage: `url("${logoImg}")`,
           }}
         />
       )}